jquery（1.3.2） 斑马线效果代码

2016年07月27日 10 阅读

请“运行代码”后刷新一次。 jquery做斑马线效果 练习 $（function（）{ $（".testTable tr:even"）.css（"background","#cccccc"）; }） 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JQuery Jcrop 实现图片裁剪的插件

2016年07月27日 5 阅读

效果如下图请“运行代码”先试下运行，运行后请刷新一次，感受下： body{ margin:100px auto; text-align:center; } .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline{ font-size: 0; position: absolute; background: white url（"http://img.jb51.net/jslib/i...

javascript 复杂的嵌套环境中输出单引号和双引号

2016年07月27日 7 阅读

<a href="javascript:alert（"这里有2个单引号一个双引号"'' :）"）;" >引号的嵌套</a> 单引号 ‘ 的 ASCII码是 39 双引号 " 的 ASCII码是34，所以我们可以用&#xxx;的形式来代替具体的符号。虽然变成了&#xxx;的形式，但是在嵌套环境中仍然要很当心。这里代码里的alert（）使用的引号是单引号，alert里的字符串应该转义掉单引号。于是就有了 '...

判断脚本加载是否完成的方法

2016年07月27日 6 阅读

我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 comple...

jquery cookie插件代码类

2016年07月27日 8 阅读

提供方便方法操作cookie : 复制代码 代码如下:$.cookie（"the_cookie"）; // 获得cookie $.cookie（"the_cookie", "the_value"）; // 设置cookie $.cookie（"the_cookie", "the_value", { expires: 7 }）; //设置带时间的cookie $.cookie（"the_cookie", "the_value", { expires: 7, ...

jquery img src 获取实现代码

2016年07月27日 8 阅读

请“运行代码”后刷新一次。 jquery img src怎么取 $（function（）{ alert（$（".imglogo"）.attr（"src"））; }） [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

javascript 历史记录 经常用于产品最近历史浏览第1/2页

2016年07月27日 9 阅读

本文将用js+cookie来实现这一功能，因为最近都在研究jquery，所以也就顺便用上了，如果你不想用jquery，那么你更需要了解实现的过程就可以了，代码自己去写。 需要用到一个jquery的cookie插件，用来操作cookie，连接http://www.jb51.net/article/18276.htm需要稍微了解json，资料使用json然为了简单，这里假设浏览记录只记录3个。 基本流程如下： 1、如果cookie中记录的历史产品数目为0或1或...

js 失去焦点时关闭层实现代码

2016年07月27日 13 阅读

失去焦点时关闭层练习 #divUserName{ width:200px; height:30px; border:1px solid black; background:#cccccc; font-size:12px; margin-top:10px; } window.onload = function（）{ document.getElementById（"tbxUserName"）.focus（）; document.getEleme...

jquery tabs的实现代码

2016年07月27日 11 阅读

关键代码： 复制代码 代码如下:$（function（）{ $（".tabs li"）.eq（0）.css（"background","#499AFF"）; $（".tabs div"）.eq（0）.show（）; $（".tabs>ul>li"）.click（function（i）{ $（this）.css（"background","#499AFF"）.siblings（）.css（"background","#ffffff"）; $（"....

jquery input checked全选与反选1.3.2的版本

2016年07月27日 10 阅读

“运行代码”后“刷新一次” 无标题页 $.fn.checkCbx = function（）{ return this.each（function（）{ this.checked = ！this.checked; }）; } $（function（）{ $（"#btnSelect"）.click（function（）{ this.value = this.value == "全选"？"反选":"全选"; $（"input:checkbox"）.ch...

jquery 实现斜导航效果

2016年07月27日 8 阅读

运行后刷新一下，才可以，也可以保存本地直接运行也可。 jquery导航菜单 #menu1 { width:970px;height:45px;} #menu1,#menu1 a , #menu1 a span{ background-image:url（http://img.jb51.net/demo/images/daohao.gif）;} #menu1 a{ display:block;float:left;height:45px;} #men...

javascript 日期时间函数（经典＋完善＋实用）

2016年07月27日 10 阅读

Date.prototype.isLeapYear 判断闰年 Date.prototype.Format 日期格式化 Date.prototype.DateAdd 日期计算 Date.prototype.DateDiff 比较日期差 Date.prototype.toString 日期转字符串 Date.prototype.toArray 日期分割为数组 Date.prototype.DatePart 取日期的部分信息 Date.prototype.Max...

让按钮失效5秒的js代码

2016年07月27日 7 阅读

先给出一个不错的代码： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二种也不错 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第三种比较精简了 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]关键在于，setTimeout第一个参数中的this是window，因此需要一个更实际的变量直接依赖setTimeout中的this是不可行的，因为其指向window，可通过全局化想被处理的节点来实现。 枫岩的方法是在set...

jQuery 剧场版 你必须知道的javascript

2016年07月27日 8 阅读

一.摘要本文是jQuery系列教程的剧场版, 即和jQuery这条主线无关, 主要介绍大家平时会忽略的一些javascript细节. 适合希望巩固javascript理论知识和基础知识的开发人员阅读.二.前言最近面试过一些人, 发现即使经验丰富的开发人员, 对于一些基础的理论和细节也常常会模糊. 写本文是因为就我自己而言第一次学习下面的内容时发现自己确实有所收获和感悟. 其实我们容易忽视的javascript的细节还有更多, 本文仅是冰山一角. 希望大家都...

JavaScript 闭包深入理解（closure）

2016年07月27日 9 阅读

一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这段代码：function a（） {var i = 0;function b（） {a...

图片上传即时显示缩略图的js代码

2016年07月27日 11 阅读

<script language="javascript" type="text/javascript"> var allowExt = ["jpg", "gif", "bmp", "png", "jpeg"]; var preivew = function（file, container）{try{var pic = new Picture（file, container）;}catch（e）{alert（e）;} } //缩略图类定义 va...

js 图片缩放（按比例）控制代码

2016年07月27日 10 阅读

缩放代码： 复制代码 代码如下:缩放代码： <script type="text/javascript"> //图片按比例缩放 var flag = false; function DrawImage（ImgD, iwidth, iheight） { //参数（图片,允许的宽度,允许的高度） var image = new Image（）; image.src = ImgD.src; if （image.width > 0 && imag...

广告切换效果（缓动切换）

2016年07月27日 9 阅读

主要功能： 1，自动检测广告图片个数 生产广告序列 2，缓动切换，仿原版FLASH 效果 3，自动按照设置周期播放 4，鼠标划入停止自动播放 鼠标移走恢复自动播放 其中第一个功能扩展比较实用,这样就没有必要分别 更新图片 和 图片个数了。 应用了 jQuery 的 easing 插件 贴一下程序代码 ： 复制代码 代码如下:$（document）.ready（function（）{ var MyTime=false;//定时器 var piclist=$（...

关于JavaScript的一些看法

2016年07月27日 10 阅读

众所周知，一句JS代码以分号结束和以回车符结束在浏览器中均能正常运行（至少在我的IE7中是这样）。不知道这是JS语言的特性或者仅仅是解释器的容错功能？由于回车符也可以是一句代码结束的标志，进行JS压缩的时候就麻烦些了。要压缩掉所有的回车符，程序就得知道哪里是一条语句的结束，并在结束位置后面添加上";"。这是一件不容易的事情（或许有容易的方法我还没想到吧），最后无赖我只好采取了一种折中的方法：保留必要的回车符，去掉";"、","、"+"等等分隔符前后的回车符...

js 日期加红代码 适用于各种cms <font color=red>原创</font>

2016年07月27日 7 阅读

下面的代码不用增加字符，直接用js寻找指定id下的span标签，匹配日期类型如 05-27 这样格式的日期，大家可以根据自己的日期类型稍作修改。注意了，匹配的是当前的日期，所有大家只要将下面的05-27换成当前的日期即可，今天是2009-05-27所以我们写成05-27，个人表达能力问题，不知道大家能听懂不。 05-2605-2705-2405-2305-27 05-2705-2605-2705-2705-27 //感谢Care4 function jsc...