Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 首页图片滚动代码,绝对实用,值得下载!

[复制链接]
飞洒的 发表于 2010-12-14 02:51:10 | 显示全部楼层 |阅读模式
插件发布
插件名称: 首页图片滚动代码,绝对实用!
插件来源: 原创插件
适用版本: Discuz! X2
语言编码: GBK简体 
最后更新时间: 2011-09-15
插件作者: GXSCHOOL
插件简介: 图片滚动代码
本帖最后由 飞洒的 于 2011-9-17 19:16 编辑

见本站首页演示        http://www.gxschool.com

前台DIY或者后台新建一个附件类或图片模块(看需要调用哪里的图片),取名称"向左滚动图片"
粘贴以下代码(这个是附件类的):

前台DIY设置:
拉一个100%框架,选附件模块,,数据来源选图片附件,下面显示样式选下拉菜单里刚才的"向左滚动图片"。
图片宽度133,高度93。显示条数、时间等根据自己要求设置。



<div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<ul>
[loop]
<td>
<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></td>
[/loop]                  
</ul>
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
colee_left.scrollLeft-=colee_left1.offsetWidth
else{
colee_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function() {clearInterval(MyMar3)}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script>


演示地址:

http://www.gxschool.com








wsjnyy 发表于 2010-12-14 05:07:01 | 显示全部楼层
还可以不是很漂亮。
回复

使用道具 举报

1592911 发表于 2010-12-14 17:12:07 | 显示全部楼层
做个记号
回复

使用道具 举报

ilei365 发表于 2010-12-14 17:27:24 | 显示全部楼层
最好有图。。。。。
回复

使用道具 举报

sdlwfanfan 发表于 2010-12-14 18:30:52 | 显示全部楼层
为什么滚动一会就停了。没有持续滚动的方法么
回复

使用道具 举报

温店luntan 发表于 2010-12-14 21:52:24 | 显示全部楼层
温店论坛(wendian.net)提示无图无真相!
回复

使用道具 举报

stcv66 发表于 2010-12-14 22:18:01 | 显示全部楼层
没卡都效果啊
回复

使用道具 举报

 楼主| 飞洒的 发表于 2010-12-14 22:27:58 | 显示全部楼层
本帖最后由 飞洒的 于 2011-9-16 16:18 编辑

回复 stcv66 的帖子

可以啊,你看我网站  http://www.gxschool.com   底部那里,可以滚动的。。DIY后把原来的代码删除,改成我发的代码就可以了
回复

使用道具 举报

 楼主| 飞洒的 发表于 2010-12-14 22:28:15 | 显示全部楼层
回复 温店luntan 的帖子

发图了,嘿嘿
回复

使用道具 举报

 楼主| 飞洒的 发表于 2010-12-14 22:28:41 | 显示全部楼层
本帖最后由 飞洒的 于 2011-9-16 16:17 编辑

回复 sdlwfanfan 的帖子

是持续滚动的啊,

参见  http://www.gxschool.com

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 07:17 , Processed in 0.024643 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表