-
stop()方法的功能是在动画完成之前，停止当前正在执行的动画效果。 格式：$(selector).stop([clearQueue],[goToEnd]); 通常直接对添加了动画的元素调用stop()即可停止动画。查看全部
-
jQuery UI插件 1.拖拽插件dragglable，功能是拖动被绑定的元素，当这个插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用：$(selector). draggable({options}),options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。 2.放置插件droppable，将拖曳后的任意元素（所以先对任意元素调用draggable）放置在指定区域中，调用：$(selector).droppable({options})，selector参数为接收拖曳元素，options为方法的配置对象，在对象中，drop函数表示当被接收的拖曳元素完全进入接收元素的容器时，触发该函数的调用。 3.拖曳排序插件sortable，将序列元素（例如<option>、<li>）按任意位置进行拖曳从而形成一个新的元素序列，实现拖曳排序的功能，调用：$(selector).sortable({options});查看全部
-
animate() 还可以控制元素的移动，但在移动之前必须将元素的"position"属性设置为"absolute"或"relative"。 如：$("span").animate({ left: "+=100px" //这里使用"+=100px"感觉很妙，可以在原有基础上增加100px！ }, 3000, function () { $(this).animate({ //这里使用$(this)可以直接引用上面获得的$("span") height: '+=30px', width: '+=30px' //注意：在这里对CSS进行修改时，不需要添加分号 }, 3000, function () { //发现回调函数的一个作用，可以一直嵌套，以实现动画的步骤顺序 $("#tip").html("执行完成!"); }); });查看全部
-
animate()方法可以创建自定义动画效果，所谓自定义，那是因为我们可以修改很多CSS属性参数来自建动画。 格式：$(selector).animate({params},speed,[callback]); {params}里放的是css属性和值。 如：$("span").animate({width:"80px",height:"80px"},3000,function(){$("#tip").html("执行完成!");}); {}里存放css属性和值，多个属性之间用空格隔开，3000是执行时间(毫秒)，function为动画完成后执行的函数。查看全部
-
fadeTo() 可以控制元素以淡入淡出的效果，调整元素的不透明度到指定的值。 格式：$(selector).fadeTo(speed,opacity,[callback]); opacity为不透明度，从0~1,0为完全透明。 如：$("span").each(function (index) { switch (index) { case 0: $(this).fadeTo(2000,0.2); break; case 1: $(this).fadeTo(2000,0.4); break; case 2: $(this).fadeTo(2000,0.6); break; } }); 通过遍历的方式依次改变元素的不透明值，each(function(index){switch(index} case 0: case 1: case 2:);查看全部
-
fadeIn()和fadeOut() 可以实现元素的淡入淡出效果，fadeIn()为淡入显示，fadeOut()为淡出隐藏。 如：$("ul").fadeIn("fast",function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut("fast",function(){ $("#hidval").val(0); })查看全部
-
slideToggle() 是slideDown()和slideUp()的结合体，可以在slideUp()和slideDown()之间切换。 免去了写if什么的时候slideDown，else的时候slideUp这等麻烦事，一行代码实现了判断和效果显示。 如：var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").slideToggle("fast",function(){ $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) })查看全部
-
不明白这个用处 先记着把查看全部
-
post 方法查看全部
-
slideUp()和slideDown() 在页面中滑动元素实现隐藏和显示，前者用于上滑隐藏元素，后者用于下滑显示元素。 如：if ($("#hidval").val() == 0) { $("ul").slideUp("fast",function(){ $("#hidval").val(1); }) } else { $("ul").slideDown("fast",function(){ $("#hidval").val(0); }) }查看全部
-
toggle() 可以是show()和hide()的结合体，当元素为显示状态时，调用toggle()会使其隐藏，反之。 如：$("h4").bind("click", function () { $("ul").toggle("fast",function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) });查看全部
-
工具提示插件可以定制元素的提示外观，提示内容支持变量、Ajax远程获取，还可以自定义提示内容显示的位置，它的调用格式如下： $(selector).tooltip({options}); 其中selector为需要显示提示信息的元素，可选项参数options为tooltip()方法的配置对象，在该对象中，可以设置提示信息的弹出、隐藏时的效果和所在位置查看全部
-
微调按钮插件不仅能在文本框中直接输入数值，还可以通过点击输入框右侧的上下按钮修改输入框的值，还支持键盘的上下方向键改变输入值，调用格式如下： $(selector).spinner({options});查看全部
-
菜单工具插件可以通过<ul>创建多级内联或弹出式菜单，支持通过键盘方向键控制菜单滑动，允许为菜单的各个选项添加图标，调用格式如下： $(selector).menu({options}); selector参数为菜单列表中最外层<ul>元素，options为menu()方法的配置对象。查看全部
-
对话框插件可以用动画的效果弹出多种类型的对话框，实现JavaScript代码中alert()和confirm()函数的功能，它的调用格式为： $(selector).dialog({options}); selector参数为显示弹出对话框的元素，通常为<div>，options参数为方法的配置对象，在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等查看全部
举报
0/150
提交
取消