首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-07-11 
分享10个超实用的jQuery代码片段来源:GBin1.comjQuery以其强大的功能和简单的使用成为了前端开发者最喜欢

分享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代码片段

热点排行