最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery实现的简单悬浮层功能完整实例
时间:2017-03-03 编辑:简简单单 来源:一聚教程网
本文实例讲述了jQuery实现的简单悬浮层功能。分享给大家供大家参考,具体如下:
运行效果图如下:
具体代码如下:
代码如下 | 复制代码 |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> $(function() { vartimer, scrollTop, sideDiv = $('#fudong').appendTo('body'); $(window).scroll(function() { timer && clearTimeout(timer); scrollTop = $(this).scrollTop(); timer = setTimeout(function() { sideDiv.animate({ top: scrollTop + 100 +'px' }, 600); }, 200); }); }); 右侧悬浮层 |
相关文章
- jquery maxlength 简单实例 09-09
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31