码迷,mamicode.com
首页 > 移动开发 > 详细

手机网页中的hover效果实现

时间:2015-10-17 14:45:27      阅读:974      评论:0      收藏:0      [点我收藏+]

标签:

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>

  

手机网页中的hover效果实现

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!