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>

到此完成了。

相关文章
|
4月前
|
前端开发 PHP 数据安全/隐私保护
WordPress独立资源下载页面插件,基于Xydown美化
xydown是一款wordpress的独立下载页面插件,主要适用于wp建站用户使用,有些用户在发布文章的时候想要添加一些下载资源,使用这款插件可以把下载的内容独立出来,支持添加本地下载或者百度网盘蓝奏网盘的网址,并且可以自定义文件信息,包括设置文件名称、文件大小、更新日志以及适用版本等内容,同时还支持自定义文件信息以及添加自定义广告等。
122 1
WordPress独立资源下载页面插件,基于Xydown美化
如何制作WordPress网站的有效表单?
在WordPress建站或者WordPress二次开发过程中,有效的 Web 表单具有两个截然不同的元素:易于理解的视觉效果和您期望的功能。如果没有这些元素,大多数表单将变得平淡无奇或停留在网站上而不被使用。如何制作WordPress网站的有效表单?
如何制作WordPress网站的有效表单?
|
存储 前端开发 JavaScript
Discuz!手机版微信分享不显示缩略图的解决方案
有人提出许多方案,百度经验的最不靠谱,然后官方给的方案, 在\source\function\function_discuzcode.php 将 if(defined('IN_MOBILE') && !defined('TPL_DEFAULT')...
1859 0
|
Web App开发 JavaScript 前端开发
使用 WordPress 主题制作的20个精美网页
  WordPress 是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用 PHP 语言和 MySQL 数据库开发的。用户可以在支持 PHP 和 MySQL 数据库的服务器上使用自己的博客。
1101 0
|
SQL 前端开发 计算机视觉
dedecms模版制作活动的折叠菜单
需要做成这种样式 url请求为这样: 1 http://m03.com/plus/list.php?tid=19 这些菜单项都有对应的tid项,页面刷新后,应该将所有的菜单折叠起来,对于tid=19的菜单项,要判断他是否是子菜单,如果是子菜单,应该讲它所在的整个菜单项打开并将它自身加上active样式,否则不用打开整个菜单,直接加active样式。
1218 0