如何在织梦cmsdedecms模版加上从左向右翻转的编码
时间: 2021-02-22 09:47
浏览次数:
一般许多的网站非常是公司网站都是有一个从左往右的翻转作用。 下边就是我从在网上找来的,一般在网上的都是有不正确,我将不正确改动掉后,共享给大伙儿。 假如您网站必须那
一般许多的网站非常是公司网站都是有一个从左往右的翻转作用。 下边就是我从在网上找来的,一般在网上的都是有不正确,我将不正确改动掉后,共享给大伙儿。 假如您网站必须那样一个从左往右的翻转,可使用这一段编码,确保可用。 css款式,能够放到头顶部head标识里边: style...
一般许多的网站非常是公司网站都是有一个从左往右的翻转作用。
下边就是我从在网上找来的,一般在网上的都是有不正确,我将不正确改动掉后,共享给大伙儿。
假如您网站必须那样一个从左往右的翻转,可使用这一段编码,确保可用。
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= /dedecms/style/img/img1.png alt= /
img src= /dedecms/style/img/img2.png alt= /
a href=
img src= /dedecms/style/img/1.png alt= /
a href=
img src= /dedecms/style/img/2.png alt= /
a href=
img src= /dedecms/style/img/3.png alt= /
a href=
img src= /dedecms/style/img/4.png alt= /
/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. unction() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
/script
dedecms模版,dedecms公司模版,dedecms新闻资讯模版,高档HTML5响应式模版,dedecms手机上模版,织梦cms模版实例教程,网站模版,网页页面模版,完全免费网页页面模版