加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

滚动图片的代码

(2006-06-13 21:39:41)
分类: 博客常见问题解答(大全)
 

源代码如下:

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 575px; HEIGHT: 128px">
<TABLE height=27 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top height=25>{FS_pictuer
最新图片}</TD>
<TD id=demo2 vAlign=top height=25></TD></TR></TBODY></TABLE></DIV>

<SCRIPT>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>

使用方法:

只要把你的图片列表标签{FS_pictuer最新图片}标用以上代码替换,并且把以上代码中的{FS_pictuer最新图片}替换成你的标签就行了。

 

那再提供一段:
进入控制面版----首页内容维护----空白面版设置----勾选显示代码, 然后输入以下代码
(
当然如果你想在文章中加滚动图片,只要点击编辑页面的显示源代码就可以了)
<MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=240 height=260>
<DIV align=center><IMG src="
图片网址" width=130 border=0></DIV>
<DIV align=center><IMG src="
图片网址
" width=130 border=0></DIV>
<DIV align=center><IMG src="
图片网址
" width=130 border=0></DIV>
<DIV align=center><IMG src="
图片网址
" width=130 border=0></DIV>
<DIV align=center><IMG src="
图片网址
" width=130 border=0></DIV>
<DIV align=center><IMG src="
图片网址
" width=130
border=0></DIV></MARQUEE></center>
</MARQUEE>

1
,可以在代码中加入<center></center>代表居中的意思,可以居中滚动
.
2
,其中最上面的widthheight是指整个的滚动图片的范围,下面的widthheight是指图片的大小,地址是指图片的网址
.
3
,如果想要使图片上下滚动,只要将behavior=alternate 换成direction=up,direction是方向,up=上,down=下,left=左,right=右,都可以自定义,愿意怎么滚动就怎么滚动。

4
scrollAmount=1 scrollDelay=1可以设置数值,也就是滚动速度,数值越大滚动越快.
(当然滚动文字的办法,同样的道理)

 

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有