js 如何实现文字内容上下移动

JavaScript018

js 如何实现文字内容上下移动,第1张

用document.getElementById(div1)获取到该div，然后操作它就行了，如果是文本上下移动完全可以使用marquee标签。

引用JS：

www.cyin.cn/js/front/supermarquee.js

HTML代码：

<div class="zuixinxuqiu" style="height: 197pxwidth: 678pxoverflow: hiddenposition: relative">

<ul>

<dl class="clearfix">

<dt class="coladdress">

成都市</dt>

</dl>

<dl class="clearfix">

<dt class="coladdress">

成都市</dt>

</dl>

<dl class="clearfix">

<dt class="coladdress">

成都市</dt>

</dl>

<dl class="clearfix">

<dt class="coladdress">

成都市</dt>

</dl>

<dl class="clearfix">

<dt class="coladdress">

成都市</dt>

</dl>

</ul>

</div>

执行JS：

$(".zuixinxuqiu").kxbdSuperMarquee({

isEqual: false,

distance: 33,

time: 5,

direction: 'up'

})

// 数字2000可以控制滚动的间隔，2000为2秒，3000为3秒

window.setTimeout( "run()", 2000 )

// 数字50可以控制速度，该数字越大速度越慢

window.setTimeout( "run()", 50 )

// 已经实现无限循环滚动

oMarquee.innerHTML += oMarquee.innerHTML