有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码:
var loading = false;
$(window).scroll(function(){
if((($(window).scrollTop()+$(win...
苏 demo
9年前 (2015-11-04)
2212℃
0评论
0喜欢
关于图片大小的重绘,你可以在服务端来实现,也可以通过 JQuery 在客户端实现。
$(window).bind("load", function() {
// IMAGE RESIZE
$('#product_cat_list img').each(func...
苏 demo
9年前 (2015-11-04)
2225℃
0评论
0喜欢
在某些网站注册时常常会要求设置密码,网站也会根据输入密码的字符特点给出相应的提示,如密码过短、强度差、强度中等、强度强等。这又是怎么实现的呢?看下面代码:
<input type="password" name="pass" id="pass" />
<sp...
苏 demo
9年前 (2015-11-04)
2166℃
0评论
0喜欢
下面代码完全可以让你根据 viewport 创建一个全屏的 div 。这对在不同窗口大小下展示 modal 或 对话框 时非常有效:
$('#content').css({
'width': $(window).width(),
'height': $(window)...
苏 demo
9年前 (2015-11-04)
2637℃
0评论
0喜欢
为了让 table 具有更好的可读性,我们可以将表格的 header 信息克隆一份到表格的底部,这种特效通过 JQuery 就很容易实现:
var $tfoot = $('<tfoot></tfoot>');
$($('thead').clone(tru...
苏 demo
9年前 (2015-11-04)
2353℃
0评论
0喜欢
如果在项目中使用 JQuery , $ 是最常用的变量名,但 JQuery 并不是唯一一个使用$作为变量名的库,为了避免命名冲突,你可以按照下面方式来组织你的代码:
//方法一: 为JQuery重新命名为 $j
var $j = jQuery.noConflict();
$j...
苏 demo
9年前 (2015-11-04)
2354℃
0评论
0喜欢
在项目中,为了避免多次重复的向服务器请求数据,通常会将获取的数据缓存起来以便后续使用。通过 JQuery 可以很优雅的实现该功能:
var cache = {};
$.data(cache,'key','value'); //缓存数据
//获取数据
$.data(c...
苏 demo
9年前 (2015-11-04)
2434℃
0评论
0喜欢
为了提高web性能,有更新时我们通常不会加载整个页面,而只是仅仅更新部分页面内容,如图片的延迟加载等。页面部分刷新的特效在 JQuery 中也很容易实现:
setInterval(function() { //每隔5秒钟刷新页面内容
//获取的内容将增加到 id为c...
苏 demo
9年前 (2015-11-04)
2292℃
0评论
1喜欢
现在各大网站都有搜索框,而搜索框通常都有默认值,当输入框获取焦点时,默认值消失。而一旦输入框失去焦点,而输入框里又没有输入新的值,输入框里的值又会恢复成默认值,如果往输入框里输入了新值,则输入框的值为新输入的值。这种特效用 JQuery 很容易实现:
$("#searchbox"...
苏 demo
9年前 (2015-11-04)
2224℃
0评论
0喜欢
在大多数情况下, IFrame 并不是好的解决方案,但由于各种原因,项目中确实用到了 IFrame ,所以你需要知道怎么去访问 IFrame 里的元素
var iFrameDOM = $("iframe#someID").contents();
//然后,就可以通过find...
苏 demo
9年前 (2015-11-04)
2361℃
0评论
0喜欢