zoukankan      html  css  js  c++  java
  • 手机网页中的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>
    

      

  • 相关阅读:
    table布局与div布局
    HTML一般标签
    jquery
    PDO对象
    分页例题
    投票练习
    封装 链接数据库类
    访问数据方法
    面相对象多态
    面向对象
  • 原文地址:https://www.cnblogs.com/bestsamcn/p/4887373.html
Copyright © 2011-2022 走看看