问答详情
源自:4-11 编程挑战

如何实现默认颜色为灰色的聚焦方法

<body>    
    <h2>学生姓名</h2>    
    <ul id="u">        
        <li>小明</li>        
        <li>徐奥和</li>        
        <li>数据库</li>        
        <li>对进口</li>    
    </ul>    
    <script type="text/javascript">        
        (function ($) {                
            $.extend({                    
                "foc": function () {                        $
                (this).focusColor("#ccc");                    
                }               
              });           
            })(jQuery);       
        $(function(){            
            $("#u").foc();         
           });    
     </script>
</body>

想自定义一个方法foc(),来代替jQuery("#ccc")方法,来实现默认颜色为灰色的聚焦方法,这个自定义方法应该怎么写。

提问者:断弦之殇 2019-02-17 04:10

个回答

  • 回头看我漂亮的坚持
    2019-06-23 10:39:07

    (function($)
    {
        $.extend(
        {
            "focusColor":function(id)
            {
                var de_col="#fff";
                var mo_col="#ccc";
                $("#id").find("li").each(function()
                {
                    $(this).mouseover(function()
                    {
                       $(this).css("backgroundColor",mo_col);
                    }).mouseout(function()
                    {
                         $(this).css("backgroundColor",de_col);  
                    });
                });
            },
        });
    })(jquery);