Yahoo首页的广告JS代码(散分)

Yahoo的首页广告代码（div控件）：

        <div class="xx"><h5 οnclick="toggle(this.parentNode)">点击我看"伸缩效果"</h5>
        <p><a href="http://www.chinaz.com/">中国站长站</a＞</p>
        <p><a href="http://sc.chinaz.com/">站长素材站</a></p>
        <p><a href="http://myjs.chinaz.com/">站长脚本站</a></p>
        <p><a href="http://down.chinaz.com/">站长下载</a></p>
        </div>

 

调用的JS代码：

    <script type="text/javascript">
        var mh = 30; //最小高度
        var step = 1; //每次变化的px量
        var ms = 10; //每隔多久循环一次
        function toggle(o) {
            if (!o.tid) o.tid = "_" + Math.random() * 100;
            if (!window.toggler) window.toggler = {};
            if (!window.toggler[o.tid]) {
                window.toggler[o.tid] = {
                    obj: o,
                    maxHeight: o.offsetHeight,
                    minHeight: mh,
                    timer: null,
                    action: 1
                };
            }
            o.style.height = o.offsetHeight + "px";
            if (window.toggler[o.tid].timer) clearTimeout(window.toggler[o.tid].timer);
            window.toggler[o.tid].action *= -1;
            window.toggler[o.tid].timer = setTimeout("anim('" + o.tid + "')", ms);
        }
        function anim(id) {
            var t = window.toggler[id];
            var o = window.toggler[id].obj;
            if (t.action < 0) {
                if (o.offsetHeight <= t.minHeight) {
                    clearTimeout(t.timer);
                    return;
                }
            }
            else {
                if (o.offsetHeight >= t.maxHeight) {
                    clearTimeout(t.timer);
                    return;
                }
            }
            o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
            window.toggler[id].timer = setTimeout("anim('" + id + "')", ms);
        }
    </script>

 

简单的定义样式：

    <style type="text/css">
    div.xx{border:solid 1px;overflow:hidden;}
    div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#eee;}
    </style>