小李SEO博客

网站优化服务

dedecms模板添加从左向右滚动代码

一般很多的网站特别是企业网站都有一个从左到右的滚动功能。 下面是我从网上找来的,一般网上的都有错误,我把错误修改掉后,分享给大家。

如果您网站需要这样一个从左到右的滚动,可以使用这段代码,保证能用。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.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script>

上一篇:dedecms模板在一个标签中调用其他field值标签的方法 下一篇:dedecms网站tag标签显示每个标签相应的文章数量的方法
织梦cms相关文章阅读
  • 织梦cms专题分节点自由单独调用实现方法

    小李网络公司介绍织梦cms专题分节点自由单独调用知识,包括dedecms专题分节点自由单独调用的实现方法_织梦园,属性节点和调用节点dedecms调用网站织梦调用代码织梦常用调用标签houdini调用旧的节...

  • 织梦cms后台预览文章URL地址多余数字去除方法

    小李网络公司介绍织梦cms后台预览文章URL地址多余数字去除方法知识,包括怎样去除照片中多余的人物一键去除照片多余的人照片如何去掉多余的人excel怎么去掉多余部分怎么用ps把多余的人去掉...

  • 织梦cms生成二级菜单的方法

    小李网络公司介绍织梦cms生成二级菜单知识,包括 超牛生成dedecms二级菜单的方法_织梦58,dedecms织梦导航栏二级菜单的实现方法-百度经验.帝国cms和织梦哪个好织梦cms建站教程去一品资源织梦 建站...

  • 织梦cms热门关键字代码

    小李网络公司介绍织梦cms热门关键字代码知识,包括dede织梦热门搜索关键字调用代码_织梦园,编程代码大全代码大全代码编程代码是什么g代码大全html代码代码怎么编网站代码网页代码专业代码...

  • 织梦cms提示模板文件不存在无法解析文档解决方法

    小李网络公司介绍织梦cms提示模板文件不存在无法解析文档解决方法知识,包括织梦网站免费模板为什么页面模板不存在dedecms模板站模板不存在无法解析文档hbulic模板不存在是什么问题免费织梦...

  • 织梦cms下面生成Google Sitemap网站地图方法

    小李网络公司介绍织梦cms下面生成Google Sitemap网站地图方法知识,包括产生随机数的常用方法数字随机生成一键生成小字体生成器目录如何生成生成元怎么求生成算法的步骤是什么京贴链接生成方...

  • 织梦cms模板中联动菜单高级使用技巧

    小李网络公司介绍织梦cms模板中联动菜单高级使用技巧知识,包括dedecms模板中联动菜单高级使用技巧 - 赵sir阿 - 博客园,dedecms二级栏phpcms联动菜单怎么添加二级联动菜单弄一列设置二级联动菜单...

  • 织梦cms网站调用文章内容第一张图片的方法

    小李网络公司介绍织梦cms调用第一张图片方法知识.包括织梦dede调用文章内第一张原始图片(非缩略图)的实现方法,织梦首页文章内容调用dede首页调用图文dede轮播调用dede首页调用内容织梦文章简...

  • 织梦cms修改tags标签字数限制教程

    小李网络公司介绍织梦cms修改tags标签字数知识.包括如何修改织梦dedecms 模板下载tags标签字数限制_织梦园,dede织梦tag标签长度限制的修改方法 - 百度经验. 织梦dedeCMS5.7标签tag长度限制的修改方法...

  • 织梦cms如何把一篇文章发布到多个栏目

    小李网络公司介绍织梦cms如何把一篇文章发布到多个栏目知识,包括DEDE多栏目发布|织梦CMS怎样将一篇文章发布到多个栏目(副栏目),织梦添加文章织梦文章时间织梦文章点击次数织梦内容管理...

  • 织梦cms后台系统基本参数空白怎么办

    小李网络公司介绍织梦cms后台系统基本参数空白知识,包括dedecms 织梦后台系统配置参数空白的解决方法_织梦58,dede文档页空白dedecms不显示dede安装文件织梦更新主页空白dedecms网站空白dede模块不显...

  • 织梦cms给自定义模型字段加上链接方法

    小李网络公司介绍织梦cms给自定义模型字段加上链接方法知识,包括自定义字段怎么设置自定义字段什么意思django动态模型字段自定义字段是什么字段长度用户可以自定义的是wordpress自定义字段...

SEO公司排名
 
QQ在线咨询
SEM竞价推广
137-1296-7640
SEO优化外包
137-1296-7640