手机网页中的hover效果实现

2024-04-27 15:01:52

字体：大中小

来源：转载

供稿：网友

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>

上一篇：Asp.NET利用ClientScript.RegisterStartupScript(&quot;&quot;)的同学，请注意！

下一篇：带进度条的文件批量上传插件uploadify