当前位置: 代码迷 >> .NET相关 >> 手机网页中的hover成效实现
  详细解决方案

手机网页中的hover成效实现

热度:251   发布时间:2016-04-24 02:42:34.0
手机网页中的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>

  

  相关解决方案