淘宝交互--热点图标跳动

<div id="head">
    <div class="navigation">
        <ul class="cont">
            <h2>主题市场</h2>
            <li><a class="hot" href="#">女装</a></li>
            <li><a class="n" href="#">家电</a></li>
        </ul>
    </div>                   
<div>

/*驱动函数*/
function addLoadEvent(func) {
    var oldonload = window.onload;
    if(typeof window.onload != ‘function‘) {
        window.onload = func;
    }    else {
            window.onload = function() {    
                oldonload();
                func();
            };
    }
}

addLoadEvent(Jump);

function Jump() {
　　/*获取元素*/
    var oHead = document.getElementById(‘head‘);
    var h3 = oHead.getElementsByClassName(‘cont‘);
    var aHot = oHead.getElementsByClassName(‘hot‘);
    var aN = oHead.getElementsByClassName(‘n‘);
    var arr = [];
    var timer = null; //定义一个空对象
　　//遍历所有含有指定类名的元素，推入数组
    for(var i=0; i<aHot.length; i++){
        arr.push(aHot[i]);  
    }
    for(var i=0; i<aN.length; i++){
        arr.push(aN[i]);
    }
    h3.onmouseover = jump();
　　/*跳动功能函数*/
    function jump() {
        var flag = true; 
　　　　/*定时器*/
        timer = setInterval (function() {
            if (flag) {
                for(var i=0; i<aHot.length; i++) {
                    arr[i].style.background = ‘url(hot) no-repeat right 2px‘;
                }
                for(var i=aHot.length-1; i<arr.length; i++) {
                    arr[i].style.background = ‘url(n) no-repeat right 2px‘;
                }
                flag = false;
            } else {
                for(var i=0; i<aHot.length; i++) {
                    arr[i].style.background = ‘url(hot) no-repeat right top‘;
                }
                for(var i=aHot.length-1; i<arr.length; i++) {
                    arr[i].style.background = ‘url(n) no-repeat right top‘;
                }
                flag = true;
            }
        },3000);
    }

}