-
使用cookie插件可方便cookie对象保存,读取,删除用户的信息,通过cookie插件保存用户的浏览记录,格式: 保存:$.cookie(key,value);读取:$.cookie(key);删除:$.cookie(key,null) 参数key为保存cookie对象的名称,value为名称对应的cookie的值查看全部
-
$(linkimage).jqzoom({options})方法,显示与小图片相同的大图片区域,从而实现放大镜的效果查看全部
-
$("span").animate({ width: "80px", height: "80px" }, 3000, function () { $("#tip").html("执行完成!"); }); 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。 执行效果缓慢出现。查看全部
-
$(linkimage)。lightBox({options})可以用圆角方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条还能以自动播放的方式浏览图片。 linkinage参数为包含图片的<a>元素名称options为插件方法的配置对象查看全部
-
$("span").each(function (index) { switch (index) { case 0: $(this).fadeTo(1000,0.2); break; case 1: $(this).fadeTo(1000,0.5); break; case 2: $(this).fadeTo(1000,0.8); break; } }); 设置图片的不透明度。 fadeTo();查看全部
-
$("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").fadeIn(1000,function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut(1000,function(){ $("#hidval").val(0); }) } }) 淡入淡出就是 出现消失。字体。 fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为: $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback])查看全部
-
$("ul").slideToggle(1000,function(){ $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) slideToggle() 也可以实现 动画效果。查看全部
-
$("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").slideUp(500,function() { $("#hidval").val(1); }) } else { $("ul").slideDown(1000,function(){ $("#hidval").val(0); }) } }) 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 要注意的是:slideDown()仅适用于被隐藏的元素;slideup()则相反。查看全部
-
$("h4").bind("click", function () { $("ul").toggle("slow",function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); 调用toggle()方法就可以很容易做到,即如果元素处于显示状态,调用该方法则隐藏该元素,反之,则显示该元素,它的调用格式是: $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。查看全部
-
$("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show(3000,function(){ $("#hidval").val(1); }) } else { $("ul").hide("slow",function(){ $("#hidval").val(0); }) } }) }); 制作动画效果缓慢出现或缓慢收回查看全部
-
$("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show() $("#hidval").val(1); } else { $("ul").hide() $("#hidval").val(0); } 显示查看全部
-
$("#btntest").live("mouseout", function () { $(this).attr("disabled", "true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />"); 不常用查看全部
-
$("#seltest").bind("change", function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }) 注意书写格式查看全部
-
$("input") .bind("focus", function () { $("div").html("请输入您的姓名!"); }) $("input").bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空!"); }) blur focus查看全部
-
$("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").trigger("change-color"); 手动触发就是手动添加发生事件查看全部
举报
0/150
提交
取消