很多做网站优化的朋友网页修改静态页面,没办法实现网站幻灯片轮回效果,或是没办法实现公告轮播效果,这里为只懂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);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
ann_marquee(28,10,4000);
</>
你今天职业病了吗?呵呵。 就关注一下职业病维权www.zybw.com的信息吧。
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 从下往上滚动的js代码(html5 js上下滑动翻页)
1 评论