设为首页收藏本站客户端下载

老榕树社区

 找回密码
 立即注册
社区推荐
 
任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

0

主题

0

帖子

-1783

积分

限制会员

积分
-1783
扫一扫,手机访问本帖
跳转到指定楼层
楼主
发表于 2017-3-13 10:52:22 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
【如内容违法或虚假,请联系上述邮件删除】在线等各位大神,辅佐给滚动图片标题加上颜色和字体加粗


<FONT size=2><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">
[loop]
<ul>
<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>
</ul>
[/loop]
</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></FONT>(关注老榕树网络旗下“网络思维”微信公众号:wlsw360 (每天都有好文章)

 

                                                   本帖如有虚假或违法,请联系邮箱删除,本社区删贴不收任何费用,欢迎举报。老榕树社区属老榕树网络旗下网站,旨在为老榕树用户提供创业咨询、网站建设技术交流、源码下载、提供各种实用工具。如有部分帖子涉及违法、虚假,请你第一时间与社区联系,把需要删除的社区链接提供给我们,我们核实之后,第一时间删除。邮箱:125175998@qq.com

回复

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

12

主题

0

帖子

-1843

积分

限制会员

积分
-1843
沙发
发表于 2017-3-13 10:52:22 | 只看该作者
<FONT size=2><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">
[loop]
<ul>
<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}><font color="#9900FF"><b>{title}</b></font></a></p>
</li></td>
</ul>
[/loop]
</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></FONT>复制代码
回复 支持 反对

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

0

主题

0

帖子

-1909

积分

限制会员

积分
-1909
板凳
发表于 2017-3-13 10:52:22 | 只看该作者
mandy~ 发表于 2017-2-17 17:31
可否把图片之间的间距减少
回复 支持 反对

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

0

主题

0

帖子

-1820

积分

限制会员

积分
-1820
地板
发表于 2017-3-13 10:52:22 | 只看该作者
shejay 发表于 2017-2-17 17:32
可否把图片之间的间距减少
添加样式试下
<style>
.ml li {padding: 0 1px 5px;}
</style>复制代码
回复 支持 反对

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

1

主题

0

帖子

-1639

积分

限制会员

积分
-1639
5
发表于 2017-3-13 10:52:22 | 只看该作者
mandy~ 发表于 2017-2-17 17:48
添加样式试下
框架样式?
回复 支持 反对

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

0

主题

0

帖子

-1602

积分

限制会员

积分
-1602
6
发表于 2017-3-13 10:52:22 | 只看该作者
shejay 发表于 2017-2-17 17:55
框架样式?
就是把板凳的代码添加到你原本代码的最下方即可。
回复 支持 反对

使用道具 举报

任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

0

主题

0

帖子

-1830

积分

限制会员

积分
-1830
7
发表于 2017-3-13 10:52:22 | 只看该作者
mandy~ 发表于 2017-2-17 17:57
就是把板凳的代码添加到你原本代码的最下方即可。
感激!   曾经处置
回复 支持 反对

使用道具 举报

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

本版积分规则

  • 关于我们| 企业文化| 备案编号:滇ICP备13002355号
  • Copyright 2013 最新最精彩-社区论坛 版权所有 All Rights Reserved
快速回复 返回顶部 返回列表