js问题!!

[koukoujiayi]

以下这段代码是呈现动态的波浪(网上无意中看到),
但程序的执行会撑开最外层的div的宽度,有没有办法将"动态的波浪"放在固定宽度的div里??

    <div style="z-index: 101; left: 100px; width: 500px; position: absolute; top: 100px; height: 200px">
    <script type="text/javascript">
        for(i=0;i<9999;i+=10)
        {
            document.write('<div style=color:#ff0000;position:absolute;left:'+i+';top:0;height:'+(20-5*(Math.sin(.00125*i)+Math.cos(.005*i)))+'%;background-color:#ff0000>@</div><');
        }
        setInterval('scrollTo(20*(++i%250))',50)
    </script>
    </div>

[yangqidong]

很占资源。浏览器差点挂掉。而且这个在ie8只能用兼容模式看，不是兼容模式的话，看到一串>
要做这种效果还是用flash之类的会好

[hiauok]

iframe嵌入

[takeshe]

学习

[_see_you_again_]

 <div id="ToScroll" style="z-index: 101; left: 100px; width: 500px; position: absolute; top: 100px; height: 200px; overflow:scroll">
    <script type="text/javascript">
        for(i=0;i<9999;i+=10)
        {
            document.write('<div style=color:#ff0000;position:absolute;left:'+i+';top:0;height:'+(20-5*(Math.sin(.00125*i)+Math.cos(.005*i)))+'%;background-color:#ff0000>@</div><');
        }
        setInterval('scrollDiv()',50)
        function scrollDiv() {
            ToScroll.scrollLeft = 20 * (++i % 250);
        }
    </script>
    </div>

[_see_you_again_]

如还想隐藏div的x y滚动条 则style加上 overflow:hidden

[koukoujiayi]

[Quote=引用 4 楼 herojams 的回复:]
JScript code
<div id="ToScroll" style="z-index: 101; left: 100px; width: 500px; position: absolute; top: 100px; height: 200px; overflow:scroll">
<script type="text/javascript">
for(i=0;i<9999;i+=10)
{
document.write('<div style=color:#ff0000;position:absolute;left:'+i+';top:0;height:'+(20-5*(Math.sin(.00125*i)+Math.cos(.005*i)))+'%;background-color:#ff0000>@…
[/Quote]
不行哦!!

[koukoujiayi]

[Quote=引用 1 楼 yangqidong 的回复:]
很占资源。浏览器差点挂掉。而且这个在ie8只能用兼容模式看，不是兼容模式的话，看到一串>
要做这种效果还是用flash之类的会好
[/Quote]
对客户端来说0-9999的循环算不了什么!!

[_see_you_again_]

在我这完全可以运行 不知道你什么浏览器