JS文字滑动效果
<html><head> <title>JS文字滑动效果</title> <style> div { font-size: 12px; } </style></head><body> <div id="mydiv" style="height: 100px; overflow: hidden"> <div> 轻轻的我走了，正如我轻轻的来；</div> <div> 我轻轻的招手，作别西天的云彩。</div> <div> 那河畔的金柳，是夕阳中的新娘；</div> <div> 波光里的艳影，在我心头荡漾。</div> <div> 软泥上的青荇，油油的在水底招摇；</div> <div> 在康河的柔波里，我甘心作一条水草。</div> <div> 那榆荫下的一潭，不是清泉是天上的虹；</div> <div> 揉碎在浮藻间，沉淀彩虹似的梦。</div> <div> 寻梦，撑支长篙，向青草更青处漫溯；</div> <div> 满载一船星辉，在星辉斑烂里放歌。</div> <div> 但我不能放歌，悄悄是别离的笙箫；</div> <div> 夏虫也为我沉默，沉默是今晚的康桥。</div> <div> 悄悄的我走了，正如我悄悄的来；</div> <div> 我挥一挥衣袖，不带走一片云彩。</div> </div>
<script type="text/javascript" language="javascript"> var oMarquee = document.getElementById("mydiv"); //滚动对象
var iScrollAmount = 1; //每次滚动高度，像素 var timecount; function play(operate) {
if (operate == 'down') { oMarquee.scrollTop += iScrollAmount; } else if (operate == "up") { oMarquee.scrollTop -= iScrollAmount; } timecount = window.setTimeout("play('" + operate + "')", 50); }
function stopPlay() { window.clearTimeout(timecount); } </script>
<br /> <a href="javascript:void(0)" onmouseover="play('down')" onmouseout="stopPlay()">向下</a> <a href="javascript:void(0)" onmouseover="play('up')" onmouseout="stopPlay()">向下</a></body></html>
浙公网安备 33010602011771号