-
首先通过选择器获取需要进行延时操作的元素，然后调用该元素的delay()方法进行延时操作。 在调用delay()方法进行延时操作时，可以设置以毫秒为单位的一个数值，它表示你需要延迟的时间。 delay会终止xiayig阶段将要执行的动画效果，本阶段正在执行不会被终止查看全部
-
在调用animate()方法时，可以在元素样式“value”值前添加“-=”或“+=”符号，表示相对值，相对原值的减少或增加。 调用animate()方法时，可以设置多个属性值，它们之间用逗号隔开。 调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”，否则，该元素移动不了。查看全部
-
使用slideUp()和slideDown()方法在页面中滑动元素，前者用于向上滑动元素，后者用于向下滑动元素，它们的调用方法分别为： $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度，单位是毫秒，可选项参数callback为滑动成功后执行的回调函数名。 要注意的是：slideDown()仅适用于被隐藏的元素；slideup()则相反。 <script type="text/javascript">查看全部
-
加引号是规范写法，现在html解析都很很智能了，你不加引号解析时也会认为你知道这地方要加，只是忘了。就好像写标签时有时可以不用结束符也可以显示正常页面。但是为了规范函数按照标准来写吧。查看全部
-
background包含 background-color background-position background-size background-repeat background-origin background-clip background-attachment background-image 你只设置了color属性，所以效果相同查看全部
-
$("li:nth-child(2)")选择器与$("li:eq(2)")选择器的不同之处在于： $("li:eq(2)")选择器只匹配一个元素，并且是所有匹配到的元素中的第2+ 1个元素(索引index从0开始算起)； $("li:nth-child(2)")选择器则需要判断匹配到的元素是否是其父元素的第2个子元素或符合其他特定要求(序号n从1开始算起)，如果是就保留，否则将被舍弃。 $("li:eq(-2)")就选择到了倒数第二个元素查看全部
-
调用delay()方法延时执行动画效果 delay()方法的功能是设置一个延时值来推迟下一个动画效果的执行，它的调用格式为： $(selector).delay(duration) 其中参数duration为延时值，它的单位是毫秒，当超过延时值时，动画继续执行。 $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").delay(3000); $("#tip").html("正在延时!"); }); });查看全部
-
show()和hide()方法中的第一个参数可以设置动画效果的速度，可以是“fast”字符，也可以是以毫秒为单位的时间。 show()和hide()方法中的第二个参数是方法执行后的回调函数，该函数只有在方法被成功执行后，才会被调用。查看全部
-
调用stop()方法停止当前所有动画效果 stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果，这些效果包括滑动、淡入淡出和自定义的动画，它的调用格式为： $(selector).stop(stopAll,goToEnd) stopAll：可选。规定是否停止被选元素的所有加入队列的动画。 goToEnd：可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。 $(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $(this).animate({ height: '+=60px', width: '+=60px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); $("#btnStop").bind("click", function () { $("span").stop(false,true); $("#tip").html("执行停止!"); }); });查看全部
-
调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果，而且还能制作移动位置的动画，在移动位置之前，必须将被移元素的“position”属性值设为“absolute”或“relative”，否则，该元素移动不了。 注意：一定要将position设为absolute或relative $(function () { $("span").animate({ 'left': "+=100px" }, 1000, function () { $("span").animate({ 'height': '+=30px', 'width': '+=30px' }, 2000, function () { $("#tip").html("执行完成!"); }); }); });查看全部
-
调用animate()方法制作简单的动画效果 调用animate()方法可以创建自定义动画效果，它的调用格式为： $(selector).animate({params},speed,[callback]) 其中，params参数为制作动画效果的CSS属性名与值，speed参数为动画的效果的速度，单位为毫秒，可选项callback参数为动画完成时执行的回调函数名。 $(function () { $("span").animate({ width: "80px", height: "80px" },//此为js对象，有引号的是json 3000, function () { $("#tip").html("执行完成!"); }); });查看全部
-
p+label ... 方便自己和他人阅读 虽说p+会默认匹配兄弟元素...但是不推荐使用.... 太不友好查看全部
-
使用toggle()方法绑定多个函数<br> toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下：<br> $(selector).toggle(fun1(),fun2(),funN(),...)<br> 其中，fun1，fun2就是多个函数的名称 注意：toggle()方法支持目前主流稳定的jQuery版本1.8.2，在1.9.0之后的版本是不支持的查看全部
-
使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。查看全部
-
$("p").css({ "color":"white", "background-color":"#98bf21", "font-family":"Arial", "font-size":"20px", "padding":"5px" });查看全部
举报
0/150
提交
取消