- <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">
- <!-- 这其中添加帖子里面模块模板里面的数据即可
- 例如
- <div class="module cl ml">
<ul>
[loop]
<li style="width: {picwidth}px;">
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
<p><a href="{url}" title="{title}"{target}>{title}</a></p>
</li>
[/loop]
</ul>
</div>
- -->
- </div>
- <div id="demo2"></div>
- </div>
- </div>
- <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.οnmοuseοver=function() {clearInterval(MyMar)};
- tab.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};
- -->
- </script>
discuz调用帖子图片并从左向右滚动
最新推荐文章于 2023-08-12 10:23:40 发布