技术开发

JavaScript技术

基于jquery.Jcrop的头像编辑器

阅读(16) 作者(admin)

用过新浪微博的朋友对它的头像编辑器都有印象吧.不过人家是用flash做的. 在一个项目中,也用到了同样的东西,本来想直接用新浪微博的,但它有一部分请求路径写到FLASH里面去了,所以只好放弃. 在网上找到了jquery.Jcrop,...

几个比较经典常用的jQuery小技巧
JavaScript技术

几个比较经典常用的jQuery小技巧

阅读(24) 作者(admin)

> 唔,这个主题挂的时间也够长的了,也该换换了,到时候找找看有没有合胃口的主题。 > 话说,最近有点偏向 PHP 去了,我发现贪多嚼不烂,所以就又回到主题咯,(*^__^*) 嘻嘻。

1. Jquery 库的调用:

> 呵呵,相信很多童鞋早就会了,...

基于JQuery的密码强度验证代码
JavaScript技术

基于JQuery的密码强度验证代码

阅读(18) 作者(admin)

因为是基于JQuery的控件,当然需要JQuery库,还要一个本控件的JS。JQuery的JS大家可以到官网下载:http://code.jquery.com/jquery-1.4.2.min.js 这个控件的JS文件:password_strength_plugin.js password_strength_plugin...

JavaScript技术

新老版本juqery获取radio对象的方法

阅读(19) 作者(admin)

新版本(目前1.3.2):

$("[name='radio_name'][checked]").val(),或者$("input[name='radio_name']:checked").val()

老版本:

$("[@name='radio_name'][checked]").val(),或者$("[@name='radio_name...

JavaScript技术

用js脚本控制asp.net下treeview的NodeCheck的实现代码

阅读(23) 作者(admin)

增加CheckBox联动的情况选择: 1.单选TreeView中的任一节点 2.当一节点CheckBox属性值改变时:子节点的CheckBox属性值跟随其改动,父节点不变; 父节点的所有子节点的CheckBox属性值都为false时才为false;有一个子节点的C...

JavaScript技术

28个JS验证函数收集

阅读(38) 作者(admin)

JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合<input type="submit" name="Submit" value="check"> 进行提交. 2.<input type=text onkeydown="test();"> //当鼠标按下直接调用函数验证 3....

JavaScript技术

Javascript 自定义类型方法小结

阅读(20) 作者(admin)

1. 定义类型 复制代码 代码如下: function UserObject(parameter) { } parameter 可省略,相当于C#中构造函数参数。 2. 实例化自定义类型 复制代码 代码如下: <script type="text/javascript"> function userobject(p...

JavaScript技术

Javascript Cookie读写删除操作的函数

阅读(21) 作者(admin)

复制代码 代码如下:function getCookie( name ) { var start = document.cookie.indexOf( name + "=" ); var len = start + name.length + 1; if ( ( !start ) && ( name != document.cookie.substring( 0, name.len...

JavaScript技术

jQuery对象和DOM对象的相互转化实现代码

阅读(27) 作者(admin)

jQuery对象和DOM对象相互转化 jQuery对象和DOM对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$("#img").attr("src","test.j...

JavaScript技术

JavaScript页面刷新与弹出窗口问题的解决方法

阅读(21) 作者(admin)

一、无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口。 如果页面有form表单,   a)< f...

JavaScript技术

Jquery 实现Tab效果 思路是js思路

阅读(18) 作者(admin)

复制代码 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></...

JavaScript技术

js 编写规范

阅读(20) 作者(admin)

在一个项目中大量使用js,工程项目与网站开发有一些不一样,在我接触的工程项目中普遍使用js 不够多,大部分客户端可做事,交给了服务端,而且在使用js时不够规范,很容易造成代码难以阅读、内存泄漏问题,不注意js 输写方式。而在...

JavaScript技术

jquery validation插件表单验证的一个例子

阅读(21) 作者(admin)

messages_cn.js <!--验证国际化,中文--> (不引用messages_cn.js是英文的提示,用了是中文) 复制代码 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid e...

JavaScript技术

纯CSS实现的竖向导航菜单

阅读(22) 作者(admin)

纯CSS竖向导航菜单 body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; } ul { list-style: none; margin: 0; padding: 0; } #menu3 { width: 160px;...

JavaScript技术

javascript 图片滑动切换代码

阅读(12) 作者(admin)

nVida网站图片滑动-http://www.jb51.net #changebox{width:610px;height:342px;overflow:hidden; position:relative;} #changebox #changeAction{width:1220px;height:342px; position:absolute; } #changebox...

CSS 图片横向排列实现代码
JavaScript技术

CSS 图片横向排列实现代码

阅读(27) 作者(admin)

CSS 图片列表,横向 VB定时关机源码示例 一个好用的C++日志生成类 JS+CSS联合打造图文结合动感菜单 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

select下拉选择框美化实现代码(js+css+图片)
JavaScript技术

select下拉选择框美化实现代码(js+css+图片)

阅读(32) 作者(admin)

因为虽然实现起来麻烦点,如果用自带的Select,很简单的就完成了,但是本代码实际上是在向大家讲述一种Js在网页中的应用实战,多种元素之间的配合作用等。效果如下图: 下拉select选择框 body{margin:20px auto;font-fami...

JavaScript技术

Js 竖直伸缩菜单(百度)

阅读(19) 作者(admin)

从百度扒下来的竖直伸缩菜单-www.jb51.net 新手入门 关于百度搜索推广 账户注册 快速上手 推广制作 设置匹配方式 撰写创意 设置URL 推广投放 点击过滤 质量度 关键词匹配 创意展现方式 效果评估 推广效果 百...

JavaScript技术

CSS 网页顶部固定工具栏拖动无闪烁实现代码

阅读(23) 作者(admin)

实际上细心的朋友会发现,这个顶部的工具条实则是一个平铺的背景图像,CSS起到固定背景的作用,也算是一种独特的实现方法。 顶部拖动无闪烁菜单栏 * { margin: 0px; padding: 0px; } body { background-i...

JavaScript技术

js 钻石棋网页游戏代码

阅读(22) 作者(admin)

钻石棋游戏 body{text-align:center; font-size:12px;} td{font-size:12px;text-align:center} table .qz{ border:1px solid #ccc; padding:0px; margin:0px;} .ayc{ background:#fff; background-image:none}...

JavaScript技术

JavaScript 拖拽翻页效果代码

阅读(18) 作者(admin)

拖拽翻页效果JavaScript特效-demo by http://www.jb51.net html,body{ width:100%; height:100%; border:0px; margin:0px; overflow:hidden; } #menu{ width:1000px; height:500px;...