discuz x2.5 模版制作 滚动图片

简介: 1 模版代码:     ...

1 模版代码:

<!--新星闪耀 start-->
 
   <div style="height:5px;">&nbsp;</div>
<table width="990" align="center" cellpadding="0" cellspacing="0" style="margin-top:5px; margin:0px auto; margin-bottom:10px;">
  <tbody>
  <tr>
    <td width="20"><img src="template/zao35/images/xgsyx.jpg" width="20" height="100"></td>
    <td width="970" background="http://www.aiao.cn/baohan/images/2_02.jpg">
    <table width="970" border="0" align="center" cellpadding="0" cellspacing="0">
      <tbody>
      <tr>
      <td width="5">&nbsp;</td>
      <td width="965">
        <div id="demo0" class="subject_navigation0">
        
         <!--[diy=diynewstarlist]--><div id="diynewstarlist" class="area"></div><!--[/diy]-->
           
        </div>
        </td>
        <td width="10">&nbsp;</td>
      </tr>
    </tbody>
    </table>
    </td>
    
  </tr>
</tbody>
</table>

  <script type="text/javascript">
  var speed1=15 
  document.getElementById("demo02").innerHTML=document.getElementById("demo01").innerHTML
  function Marquee1(){
  if(document.getElementById("demo02").offsetWidth-document.getElementById("demo0").scrollLeft<=0)
  document.getElementById("demo0").scrollLeft-=document.getElementById("demo01").offsetWidth
  else{
  document.getElementById("demo0").scrollLeft++
  }
  }
  var MyMar1=setInterval(Marquee1,speed1)
  document.getElementById("demo0").onmouseover=function () {clearInterval(MyMar1)}
  document.getElementById("demo0").onmouseout=function () {MyMar1=setInterval(Marquee1,speed1)}
 </script>
      
      
 <!--新星闪耀 end-->

在页面上,diy的时候,“显示样式”设为“自定义模版”。切到模块模版,写入代码:

 <table border="0" align="center" cellpadding="0" cellspacing="0" style="OVERFLOW: hidden; " cellspace="0">
              <tbody>
                <tr>
                  <td id="demo01" valign="top"><table width="970" border="0" cellpadding="0" cellspacing="0">
                      <table>
                      <tr> 
                      <td align="center">
                              [loop]
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"  width="68" height="96" border="0"/></a>
    [/loop]
                       </td>
                      </tr>
                 
                  </table>
                  </td>
                  <td id="demo02" valign="top" height="0">
                  <table width="970" border="0" cellpadding="0" cellspacing="0">
                      <tbody>
                          <tr>
                        <td align="center">
                          [loop]
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}"  width="68" height="96" border="0"/></a>
    [/loop]
                        </td> 
                      </tr>
                      </tbody>
                  </table>
                  </td>
                </tr>
              </tbody>
            </table>

到此完成了。

相关文章
|
3月前
|
前端开发
蓝色时间轴个人博客网页模板代码
这是一个有关看雪时间轴的css3+html5 网站静态的个人博客网页模板
22 0
|
5月前
处理模版图片
处理模版图片
41 3
|
10月前
|
小程序 前端开发
微信小程序_自定义markdown的图片点击放大处理
微信小程序_自定义markdown的图片点击放大处理
294 0
|
11月前
移动端也能兼容的web页面制作2:导航栏、背景图片设置(下)
移动端也能兼容的web页面制作2:导航栏、背景图片设置
204 0
|
前端开发
前端搭建博客记录-设置背景图片全屏
前端搭建博客记录-设置背景图片全屏
65 0
|
前端开发 JavaScript 小程序
页面点击特效源码解析
页面点击特效源码解析
页面点击特效源码解析
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
143 0
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
在不同的页面上显示不同的Joomla模板样式
模板样式是Joomla中非常强大的功能。它们允许您将同一模板的不同版本分配给特定页面。 在本教程中,我将向您展示如何分配两种模板样式。我们将为主页分配一种样式,为站点的其余部分分配另一种样式。 第1步.复制模板样式安装模板时,默认情况下会生成单个模板样式。
|
前端开发 JavaScript
在WordPress中添加简书风格的连载目录和文章导航
结合jQuery和WordPress获取文章链接的函数实现一个简书风格的连载目录和文章导航
1904 0