从下往上滚动的js代码(html5 js上下滑动翻页)

  很多做网站优化的朋友网页修改静态页面,没办法实现网站幻灯片轮回效果,或是没办法实现公告轮播效果,这里为只懂css代码但是又不懂js代码的朋友提供整套幻灯片js轮播代码,和首页公告代码轮播!

  <>

  //===============================================

  // 目的:网站公告声明VC_Announce效果为:滚动一行停顿4秒,再滚动下一行

  //===============================================

  function ann_marquee(lh,speed,delay) {

  //lh为行高lineheight,speed为滚动速度,delay为延迟、停顿的时间

  var p=false;

  var t;

  var o=document.getElementById("vcoo_announce");

  o.innerHTML+=o.innerHTML;

  o.style.marginTop=0;

  o.onmouseover=function(){p=true;}

  o.onmouseout=function(){p=false;}

  function start(){

  t=setInterval(scrolling,speed);

  if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";

  }

  function scrolling(){

  if(parseInt(o.style.marginTop)%lh!=0){

  o.style.marginTop=parseInt(o.style.marginTop)-1+"px";

  if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0;

  }else{

  clearInterval(t);

从下往上滚动的js代码(html5 js上下滑动翻页)

  setTimeout(start,delay);

  }

  }

  setTimeout(start,delay);

  }

  ann_marquee(28,10,4000);

  </>

  你今天职业病了吗?呵呵。 就关注一下职业病维权www.zybw.com的信息吧。

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 从下往上滚动的js代码(html5 js上下滑动翻页)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论