本帖最后由 wutongshu012 于 2011-11-19 21:44:55 编辑

解决方案 »

  1.   

    <body>
    <div id="marquee" style="overflow:hidden;height:524px;width:250px;">
      <div>
      <!-- Marquee Body Head -->
    <iframe frameborder='0' scrolling='no' src='http://show.v.t.qq.com/index.php?c=show&a=index&n=pony&w=250&h=518&fl=1&l=3&o=17&co=0' width='250' height='518'></iframe>
      <!-- Marquee Body Bottom -->
      </div>
    </div><script language="JavaScript" defer>
        var obj_marquee = document.getElementById("marquee");
        var marquee_spd = 9000;
        var step_c = 0;
        var stop = false;    function marquee_init() {
            var obj_unit = obj_marquee.firstChild;
            var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
            for (var i = 0; i < n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
            return;
        }    function marquee_show() {
            if (stop)
                return;
            else {
                var marquee_high = parseInt(obj_marquee.style.height);
                var step = marquee_high / 10;
                if (obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
                    obj_marquee.scrollTop = 0;
                    marquee_show();
                    return;
                }
                obj_marquee.scrollTop += step;
                if (step_c++ < 9) setTimeout("marquee_show()", 50);
                return;
            }
        }    marquee_init();
        setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);    obj_marquee.onmouseenter = function () {
            stop = true;
        }    obj_marquee.onmouseleave = function () {
            stop = false;
    marquee_show();
        }</script>
    </body>