网页页面幻灯片图片片翻转编码,公示翻转编码

2021-02-12 13:28 admin

许多建立网站提升的朋友网页页面改动静态数据网页页面,没法完成网站幻灯片图片片循环实际效果,或者没法完成公示滚屏实际效果,这儿为只懂css编码可是又不明白js编码的朋友出示全套幻灯片图片片js滚屏编码,和公示编码滚屏!

 style 
#vcoo_anno{background:url( zb_users/theme/metro/style/images/gonggao.gif ) no-repeat left top; height:28px; line-height:28px; overflow: hidden; border: 1px #dddddd dashed; margin-left:5px; padding-left: 30px; margin-bottom: 10px;}
 /style 
 
 div id= vcoo_anno 
 div id= vcoo_announce 
 a href= zb_users/theme/metro/style/images/gonggao.gif  target= _blank font color= red 荣帅seoblog!点一下获得公示标志 /font /a br / 
 /div 
 /div 
 
 script 
//===============================================
// 目地:网站公示申明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. unction(){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);
 /script 


赞 4 赏 共享

潜心网站站长发展趋势,发掘SEO排行数据信息登陆密码,推动重庆市seo优化的朋友互相沟通交流!—— 重庆市荣帅SEO本人blog