jQuery - 自定义li元素的FocusColor

最新推荐文章于 2021-06-24 17:35:02 发布

yuxuac

最新推荐文章于 2021-06-24 17:35:02 发布

阅读量1.7k

点赞数

分类专栏： Javascript Jquery

本文链接：https://blog.csdn.net/yuxuac/article/details/47266623

版权

这篇博客探讨了如何使用jQuery为li元素创建自定义焦点颜色效果。当鼠标悬停在li元素上时，该元素的背景颜色会有所变化。作者邀请读者分享相关知识，并承诺后续会更新更多信息。

摘要由CSDN通过智能技术生成

自定义一个Li的函数，如果鼠标移动到此元素上，则改变其背景颜色。

<!DOCTYPE html>
<html>
    <head>
        <title>自定义一个jquery插件</title>
        <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
        <style ref="text/css">
            li{
                list-style-type:none;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>AAA</li>
            <li>BBB</li>
            <li>CCC</li>
        </ul>
        
        <script type="text/javascript">
            //;(function($){

            //})($)
            
            $.fn.extend({
                "focusColor": function(li_color){
                    $(this).find("li").each(function(){
                        if(!li_color){
                            li_c