mobile模拟:hover伪类

因为移动设备并没有鼠标指针，所以没有hover事件。那么CSS :hover伪类就没用了。但是移动设备有Touch事件，onTouchStart 类似 onMouseOver，onTouchEnd 类似 onMouseOut。所以我们可以用它来模拟hover。使用Javascript：

    var myLinks = document.getElementsByTagName('a');
    for(var i = 0; i < myLinks.length; i++){
　　    myLinks[i].addEventListener(’touchstart’, function(){this.className = “hover”;}, false);
　　    myLinks[i].addEventListener(’touchend’, function(){this.className = “”;}, false);
    }
    然后用CSS增加hover效果：

    a:hover, a.hover { /* 你的hover效果 */ }