首页 > 移动平台 > 详细

手机网页中的hover效果实现

时间:2015-10-17 14:42:35      阅读:303      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!