文字滚动JS

最新推荐文章于 2024-08-09 14:40:54 发布

原创最新推荐文章于 2024-08-09 14:40:54 发布 · 697 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #float #border #delay #class #html

ASP JS 专栏收录该内容

17 篇文章

订阅专栏

.commentnew dl dd.recruit ul{padding:0; margin:10px 5px; height:252px; overflow:hidden; width:auto; float:none;}
.commentnew dl dd.recruit ul li{list-style:none; left 7px no-repeat; margin-left:5px; padding-left:12px; margin-bottom:6px; height:36px; overflow:hidden;}

.commentnew dl dd ul{width:474px; float:left; margin:0; padding:0 0 10px 0;}
.commentnew dl dd ul li.left{width:70px; margin:0 0 0 12px; display:inline; padding:0; float:left;text-align:left; line-height:18px; }
*+html .commentnew dl dd ul li.left{line-height:20px;}
*html .commentnew dl dd ul li.left{line-height:20px;}
.commentnew dl dd ul li.lefttop{width:70px; margin:0 0 0 12px; display:inline; float:left;padding:5px 0; }
.commentnew dl dd ul li.right{width:380px; margin:0; padding:0 12px 0 0; display:inline; float:left; text-align:left; line-height:18px;}
.commentnew dl dd ul li.right img.brow{float:left; padding:0px 4px;}
.commentnew dl dd ul li.right .textarea{width:378px; float:left; height:150px; border:1px solid #c3c3c3; padding:3px; margin:0; vertical-align:top;}
.commentnew dl dd ul li.right .input{width:120px; float:left; height:18px;line-height:18px; border:1px solid #c3c3c3; padding:0 2px; margin:0; vertical-align:middle;}
.commentnew dl dd ul li.right span.left{width:auto;float:left; text-align:left;}
.commentnew dl dd ul li.right span.right{width:100px;float:right; text-align:right;}
.commentnew dl dd ul li.right span a{color:#f00}
.commentnew dl dd ul li.right span a.red:link, a.red:visited, a.red:hover, a.red:active{color:#f00}
.commentnew dl dd ul li.right em{color:#466bbb;font-style:noraml;}
.commentnew dl dd ul li.right a img.btn{padding:0 0 3px 0; width:68px; height:21px;}
.commentnew dl dd ul li.right .checkbox{padding:0; margin:0;vertical-align:middle; border:0;}
</style>
<script type="text/javascript">
function startmarquee(lh, speed, delay, index) {
var t;
var p = false;
var o = document.getElementById("marqueebox" + index);
o.innerHTML += o.innerHTML;
o.onmouseover = function () { p = true }
o.onmouseout = function () { p = false }
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
if (!p) o.scrollTop += 2;
}
function scrolling() {
if (o.scrollTop % lh != 0) {
    o.scrollTop += 2;
    if (o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0;
    } else {
      clearInterval(t);
      setTimeout(start, delay);
    }
}
setTimeout(start, delay);
}
function addEventHandler(target, type, func) {
if (target.addEventListener)
    target.addEventListener(type, func, false);
else if (target.attachEvent)
    target.attachEvent("on" + type, func);
else target["on" + type] = func;
}
addEventHandler(window, "load", function () {
startmarquee(42, 50, 3000, 0);
});
</script>
<div class="commentnew">
<dl>
    <dd id="recommended" class="recruit">
      <h5>文字滚动！</h5>
      <ul id="marqueebox0">
        * aaaaaaaaaaaaa;<br>
        bbbbbbbbbbbbbb;<br>
        ccccccccccccccc;<br>
        dddddddddddddddd;<br>
        eeeeeeeeeeeeeeeee;<br>
        ffffffffffffffffff;<br>
        gggggggggggggggggg;<br>
        hhhhhhhhhhhhhhhhhhh;<br>
        iiiiiiiiiiiiiii;<br>
        jjjjjjjjjj;<br>
        kkkkkkkkkkkkkkkkkkkk;<br>
      </ul>
    </dd>
</dl>
</div>