繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[分享]
图片从右往左滚动代码
[打印本頁]
作者:
郑爽中文网
時間:
2013-5-10 00:52
標題:
图片从右往左滚动代码
<table width=700 border=0 cellpadding=0 cellspacing=0>
<tr><td>
<div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_qpsh_com1 valign=top>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td><a href=http://www.fankelipinka.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9097.jpg" width=150 height=100 hspace=22></a><br><center><b>说明一</b></center></td>
<td width=30></td>
<td><a href=http://www.wangtx.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9092.jpg" width=150 height=100 hspace=22></a><br><center><b>说明二</b></center></td></td>
<td width=30></td>
<td><a href=http://www.yamaxun.org target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9084.jpg" width=150 height=100 hspace=22></a><br><center><b>说明三</b></center></td>
<td><a href=http://www.cnwenger.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9079.jpg" width=150 height=100 hspace=22></a><br><center><b>说明四</b></center></td>
<td width=30></td>
<td><a href=http://www.pc555.com target=_blank><img border=0 src="http://www.qpsh.com/icon/BS9070.jpg" width=150 height=100 hspace=22></a><br><center><b>说明五</b></center></td>
</tr>
</table>
</td><td id=www_qpsh_com2 valign=top></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
function Marquee(){
if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
else{
www_qpsh_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
複製代碼
(放在:頁內文字廣告 大小设置成900 否则会错位!)
演示图(7.2版本):
下載
(109.35 KB)
2013-5-10 00:50
演示图(2.5版本):
下載
(143.88 KB)
2013-5-10 00:50
在这里 我想问一下章鱼,为什么同样的代码。论坛版本不一样,效果出来就不一样呢? 很明显,这个代码2.5版本效果好看一点!
圖片附件:
QQ截图20130510004956.png
(2013-5-10 00:50, 109.35 KB) / 下載次數 2108
http://weclub.info/discuz/attachment.php?aid=20459&k=9529eaf0a344064fc52924506aecc34f&t=1732651497&sid=80Qr0F
圖片附件:
QQ截图20130509225417.png
(2013-5-10 00:50, 143.88 KB) / 下載次數 2245
http://weclub.info/discuz/attachment.php?aid=20460&k=ee88150d156f3bb14d39b88777fa9ec4&t=1732651497&sid=80Qr0F
作者:
pigeon
時間:
2013-5-10 05:54
图片必须要设置尺寸吗?是不是太大的图片不会自动缩小尺寸?
作者:
郑爽中文网
時間:
2013-5-10 10:14
自动缩小成150的
作者:
4rphotoclub
時間:
2013-5-10 13:57
好東西要好好收下來
作者:
xuan
時間:
2013-5-11 12:06
謝謝分享
作者:
章鱼
時間:
2013-5-11 12:42
效果不一样是因为CSS的问题....
作者:
郑爽中文网
時間:
2013-5-11 17:29
回復
6#
章鱼
懂了 受益匪浅
作者:
潜龙
時間:
2016-11-17 23:42
受益匪浅
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://weclub.info/discuz/)
Powered by Discuz! 7.2