怎样用JS实现图片上下滚动

JavaScript025

怎样用JS实现图片上下滚动,第1张

问的不是很清楚哦,上下是指从上到下,从下到上,上去了再下来,还是什么,

JS控件图片移动,无非常是setInterval,setTimeout来控件图片的位置,

示例代码:

<img src="a.jpg" style="position:absolutetop:0pxleft:40%" id="movpic">

<script>

var obj = document.getElementById("movpic")

var tops=0

function movs1()

{tops+=5<br/>obj.style.top = tops<br/>}

setInterval('movs1()',500)

</script>

var img = document.getElementById('image')//获得id为image元素

var n = Number(img.title) + n//定义一个变量，值为元素title+自己的值，这里title必须为数字，否则抛出异常，Number()是把字符串类型的数字转为Number类型

if(n <1) n = 4//如果n<1 ， n=4

if(n >4) n = 1//如果n>4,n=1 ，这里是一个循环，应该是点到最后一张图片后显示第一张图片

img.src = 'image/'+n+'.jpg'//imgage是文件夹名，n.jpg是文件夹下图片名

img.title = n//改变元素title为n

var a = img.parentNode//定义img的上级节点，应该是一个超链接（<a href=""></a>）

a.href = img.src//为a标记添加href

return false//返回false

代码：

<MARQUEE scrollAmount=2 scrollDelay=0 direction=up width=240 height=300><IMG height=200 src="地址1" width=200 border=0><IMG height=260 src="地址2" width=200 border=0><IMG height=260 src="地址3" width=310 border=0><IMG height=260 src="地址4" width=200 border=0></MARQUEE>

其中最上面的width和height是指整个的滚动图片的范围，下面的width和height是指图片的大小，地址是指图片的网址，然后选择定制我的首页，选取刚才设置的空白面版就可以了。当然在文章中添加滚动图片只要勾掉显示源代码，然后再空白处编辑文字就可以了