当前位置: 首页 > news >正文

显示网站正在维护是什么情况wordpress订阅插件

显示网站正在维护是什么情况,wordpress订阅插件,网站建设一百互联,公司宣传手册内容模板第一步#xff1a;获取底部的那个按钮对象#xff0c;默认的情况下那个按钮对象是不可见的。可见的条件的是滚轮距离顶部有距离。 var oBtndocument.getElementById(btn1); 第二步#xff1a;添加滚轮事件。 (1). 获取滚轮距离顶部的距离。如果距离大于0#xff0c;就将按钮…第一步获取底部的那个按钮对象默认的情况下那个按钮对象是不可见的。可见的条件的是滚轮距离顶部有距离。 var oBtndocument.getElementById(btn1); 第二步添加滚轮事件。 (1). 获取滚轮距离顶部的距离。如果距离大于0就将按钮对象可见。 var scrollTdocument.documentElement.scrollTop||document.body.scrollTop; if(scrollT 0){ oBtn.style.displayblock; }else{ oBtn.style.displaynone; }; 第三步 (1).获取滚动条到顶部的距离这个距离就是滚动条需要向上滚动到顶部的全部路程。 var scrollTdocument.documentElement.scrollTop||document.body.scrollTop;//我们假设是300px (2).我们的目标是回到顶部这个时候滚动条距离顶部的距离是0. (3). 滚动条运动了多少距离。结束位置-开始位置dis0-300-300px; (4). 确定总共需要运行的次数。 var countMath.floor(1000/30); var n0; 第四步开定时器运行 (1)定时器每运行一次n1(n代表当前走的次数) (2).我们已经在上面获取了滚动条距离顶部的距离是 var scrollTdocument.documentElement.scrollTop||document.body.scrollTop;//我们假设是300px (2)计算走的比例再将比例乘以总共需要走的距离得到当前走的距离 var an/count; 当前走的距离 dis*a; 还剩了多少距离就是总的距离减去我们刚才走的距离。 curscrollTdis*a; (3)设置滚动条距离顶部的距离 document.documentElement.scrollTopdocument.body.scrollTopcur; (4)如果ncount代表路程全部走完关闭定时器 if(ncount){ clearInterval(timer); } 第五步:处理问题 (1). 当onclick事件执行的时候定时器执行会触发onscroll事件setInterval未执行完的时候onclick不可以再次点击 (2)onscroll事件触发的时候滚动条往上滚动的过程中即使setInterval还未执行完我们也可以通过鼠标滚动让滚动条再次往下滚动 处理方法设置开关控制当bSintrue的时候可执行当bSinfalse的时候不可以执行  完整代码 !DOCTYPE html html langen headmeta charsetUTF-8titleDocument/titlestyleinput{position: fixed;right: 0;bottom: 0;display: none;}/stylescriptwindow.οnlοadfunction(){ var oBtndocument.getElementById(btn1); var timernull; //bSin是一个标志位 //bSintrue----代表底部那个按钮对象是可以使用的 //bSinfalse----代表底部那个按钮对象是不可以使用的 var bSinfalse; window.οnscrοllfunction(){ if(bSin){ clearInterval(timer) } console.info(1); bSintrue; var scrollTdocument.documentElement.scrollTop||document.body.scrollTop; if(scrollT 0){ oBtn.style.displayblock; }else{ oBtn.style.displaynone; }; }; oBtn.οnclickfunction(){ var scrollTdocument.documentElement.scrollTop||document.body.scrollTop; var dis0-scrollT; var countMath.floor(1000/30); var n0; timersetInterval(function(){ bSinfalse; n; var an/count; var curscrollTdis*a; document.documentElement.scrollTopdocument.body.scrollTopcur; if(ncount){ clearInterval(timer); } },30); } }; /script /head body styleheight: 3000px input typebutton value返回顶部 idbtn1 /body /html 转载于:https://www.cnblogs.com/xuxiaozhi/p/10209065.html
http://www.sadfv.cn/news/359639/

相关文章:

  • 个人怎么做淘宝客网站吗做汽车介绍视频的网站
  • 界面软件开发工具淄博网站建设优化珍云
  • 企业查询网站有哪些wordpress 输出缩略图
  • 如何用网站模板如何做自己的网站系统
  • 高端网站制作系统阿里云服务器做盗版视频网站吗
  • 做旅游网站推广可以免费做兼职的网站有哪些
  • 个人简约网站模板做网站 能挣钱吗
  • 云主机网站源码网站的流量是怎么回事
  • 厦门网站公司企业安全文化建设的步骤
  • 自己做头像的网站外贸网站支付接口
  • 长春专业做网站的公司排名重庆市建设工程信息网官网工程押证
  • 企业门户网站建设的意义传统门户网站有哪些
  • 成都培训学校网站建设安徽建站
  • 商城型网站建设代理加盟怎么做网站建设销售
  • 用python语言做网站discuz轻社区模板
  • html做网站步骤手机网站怎么写
  • 自己做内部网站网络品牌营销方案
  • 太原百度seo网站建设宁波seo优化报价多少
  • 常熟做网站的社交网站怎么制作
  • 怎么做网站记者网站网站代理怎么做的
  • 网站建设项目功能需求分析报告开发公司成本管控
  • 做网站的 书籍营销型网站建设的好处
  • 定西市小企业网站建设建设推荐广州微信网站建设
  • 微网站怎么用明年做那个网站致富
  • 教育培训网站建设ppt心理咨询网站
  • 衡水市网站建设嘉兴网站建设全包
  • 广州哪家网站建设服务好长沙县工程建设质监站网站
  • iapp网站做软件教程动漫制作专业一个月多少钱
  • 网站建设哪家合适网站集群建设解决方案
  • o2o商城分销网站开发广东室内设计学校