怎么在织梦模板添加从左向右滚动的代码

,一般很多的网站特别是企业网站都有一个从左到右的滚动功能。, ,  下面是我从网上找来的,一般网上的都有错误,我把错误修改掉后,分享给大家。,   如果您网站需要这样一个从左到右的滚动,可以使用这段代码,保证能用。, ,css样式,可以放在头部head标签里面:, ,<style type="text/css">, ,#demo {,background: #FFF;,overflow:hidden;,border: 1px dashed #CCC;,width: 500px;,},#demo img {,border: 3px solid #F2F2F2;,},#indemo {,float: left;,width: 800%;,},#demo1 {,float: left;,},#demo2 {,float: left;,}, ,</style>,滚动的图片代码:, ,向左滚动,<div id="demo">,<div id="indemo">,<div id="demo1">, , ,<img src="www.dedebase.com/dedecms/style/img/img1.png" alt="" />,<img src="/dedecms/style/img/img2.png" alt="" />, ,    <a href="">,<img src="www.dedebase.com/dedecms/style/img/1.png" alt=""/>,</a>,    <a href="">,<img src="/dedecms/style/img/2.png" alt=""/>,</a>,    <a href="">,<img src="/dedecms/style/img/3.png" alt=""/>,</a>,    <a href="">,<img src="/dedecms/style/img/4.png" alt=""/>,</a>,</div>,<div id="demo2"></div>,</div>,</div>, ,js代码,主要是这段代码的作用:, ,<script>, ,var speed=10; //数字越大速度越慢,var tab=document.getElementById("demo");,var tab1=document.getElementById("demo1");,var tab2=document.getElementById("demo2");,tab2.innerHTML=tab1.innerHTML;,function Marquee(){,if(tab2.offsetWidth-tab.scrollLeft<=0),tab.scrollLeft-=tab1.offsetWidth,else{,tab.scrollLeft++;,},},var MyMar=setInterval(Marquee,speed);,tab.onmouseover=function() {clearInterval(MyMar)};,tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};, ,</script>
返回顶部
跳到底部

Copyright 2011-2024 南京追名网络科技有限公司 苏ICP备2023031119号-6 乌徒帮 All Rights Reserved Powered by Z-BlogPHP Theme By open开发

请先 登录 再评论,若不是会员请先 注册