手机网页中的hover效果实现

js文件

function mouseout(obj) {
      
    var className ="hover";
      
    var _ecname = obj.className;
      
    if (_ecname.length == 0) return;
      
    if (_ecname == className) {
       
    obj.className ="";return;
      
    }
    if (_ecname.match(new RegExp("(^|s)"+ className +"(s|$)")))
       
    obj.className = _ecname.replace((new RegExp("(^|s)"+ className +"(s|$)")),"");
     
    }  
    function hover(obj) {
      
    if (!obj) return;
      
    var className ="hover"
      var _ecname = obj.className;
      
    if (_ecname.length == 0) {
       
    obj.className = className;return;
      
    }
      
    if (_ecname == className || _ecname.match(new RegExp("(^|s)"+ className +"(s|$)")))
       return;
      
    obj.className = _ecname +""+ className;
     
    } 

引用

<script>
$(function () {
     
$(".wrapper .record .r-main .r-more a").attr('ontouchstart', 'hover(this)');
//hover效果
     
$(".wrapper .record .r-main .r-more a").attr('ontouchend', 'mouseout(this)');
//秒除hover
 
})
 
	
</script>

  

原文地址:https://www.cnblogs.com/bestsamcn/p/4887373.html