<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS 页面下拉100像素出现悬浮窗口</title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> </head> <body> <div style="height:5000px;"></div> <style type="text/css"> .fdPhone{position:fixed; _position:absolute; width:320px; height:50px; position:fixed; left:50%; margin-left:-160px; top:0px; display:none;} </style> <div class="fdPhone"> <a href="tel:123456789" target="_blank"><img src="images/phone.gif" width="320" height="50"></a> </div> <script type="text/javascript"> $(function(){ $(window).scroll(function() { if($(window).scrollTop() >= 100){ //向下滚动像素大于这个值时,即出现浮窗~ $('.fdPhone').fadeIn(300); //浮窗淡入的时间,越小出现的越快~ }else{ $('.fdPhone').fadeOut(300); //浮窗淡出的时间,越小消失的越快~ } }); $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //浮窗动画停留时间,越小消失的越快~ }); </script> </body> </html>
效果图:
相关推荐
本文实例讲述了jQuery实现页面下拉100像素出现悬浮窗口的方法。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
js网页滚动左右浮动固定层插件是一款基于Sticky-js制作的,它是用JavaScript编写的粘性元素库。
JS 无限下拉菜单 JS 无限下拉菜单 JS 无限下拉菜单 js下拉菜单 无限下拉菜单 JS 无限下拉菜单
js实现无限下拉+判断当前可视窗口切换url
H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示,在JS文件中定义此方法即可。
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
在PB中巧用下拉数据窗口,内含源码。PowerPB提供了下拉数据窗口(DropDown DataWindow),使数据窗口更灵活、更方便
博文链接:https://jacky68147527.iteye.com/blog/230139
jquery随着页面下拉固定在页面左侧的导航代码stickySidebar.js
使用jquery实现的下拉菜单具有缓慢弹出等特效
JS模拟select下拉菜单
简单的JS下拉二级菜单。效果显著。可以重复使用的并且代码简单
js动态下拉时间控件,使用javascript开发,嵌入html页面即可。
JavaScript js下拉刷新,不通过数据库刷新,不调用后台的一个效果,还有个下拉加载的动画,如果需要的可以用,最近写的关于交通出行的项目一个列表需要,整了这个,最后没用,就分享下。算是一个完整的页面吧,css+...
主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
javascript多级下拉菜单插件 javascript多级下拉菜单插件 javascript多级下拉菜单插件 javascript多级下拉菜单插件 javascript多级下拉菜单插件
JS图片下拉菜单效果JS图片下拉菜单效果JS图片下拉菜单效果JS图片下拉菜单效果JS图片下拉菜单效果JS图片下拉菜单效果
原生js下拉菜单 原生js下拉菜单 原生js下拉菜单 原生js下拉菜单
js+css,tab选项卡,每个选项可以上拉刷新数据,下拉加载更多