读书人

分享十个超实用的jQuery代码片段

发布时间: 2013-07-11 15:38:46 作者: rapoo

分享10个超实用的jQuery代码片段

来源:GBin1.com

分享十个超实用的jQuery代码片段

jQuery以其强大的功能和简单的使用成为了前端开发者最喜欢的JS类库,在这里我们分享一组实用的jQuery代码片段,希望大家喜欢!

jQuery平滑回到顶端效果
jQuery实现让整个div可以被点击
$(".myBox").click(function(){      window.location=$(this).find("a").attr("href");       return false; });

运行代码:

GBdebug在线调试地址:http://www.gbin1.com/gb/debug/4bfb3dce-1681-470c-b47a-7490df12f3b0.htm

jQuery实现的Facebook风格的图片预加载效果
var nextimage = "http://www.gbtags.com/gb/networks/uploadimgthumb/55d67b14-fb25-45e7-acc8-211a41047ef0.jpg";$(document).ready(function(){  window.setTimeout(function(){    var img = $("<img>").attr("src", nextimage).load(function(){     $('div').append(img);    });  }, 100);});

运行代码:

GBdebug在线调试地址:http://www.gbin1.com/gb/debug/b1a87e30-e33f-4369-92fc-55e8fd628816.htm

希望大家喜欢这些实用的jQuery代码,如果你也有更多的jQuery代码片段,请与我们分享,谢谢!

via 极客社区

来源:分享10个超实用的jQuery代码片段

读书人网 >Web前端

热点推荐