:hover怎么加

:hover怎么加,第1张

#这里是我的id:hover{

这里是你的样式

}

<div id="这里是我的id" class="hot" style="color: #e40077float: leftmargin-left: 850pxcursor: pointer" >5G看移动</div>

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<meta name="keywords" content="白菜编辑部">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

$ (function ()

    {

    var lis = $ ('#id').find ('li')

    lis.each (function (i, dom)

    {

    var me = $ (this)

    var ps = me.parents ()

    var noFirstLi = false

    ps.each (function (j, ele)

    {

    if (ele.tagName.toLowerCase () == 'li')

    {

     noFirstLi = true

    return false

    }

    })

    if (!noFirstLi)

    {

    me.click (function ()

    {

    console.log ($ (this).attr ('id'))

    })

    }

    })

    })

</script>

</head>

<body>

<div id="id">

<div>

<ul>

<li id="li1">

<ul>

<li>1

<ul>

<li>dd</li>

</ul></li>

</ul></li>

<li id="li2">

<ul>

<li>2</li>

</ul>

</li>

<li id="li3">

<ul>

<li><ul>

<li>xx</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

</div>

</body>

</html>

设置不同的hover样式:

.txt1:hover{.....}

.txt2:hover{.....}

.txt3:hover{.....}

如果非要分全局,局部。那么可以用class,id来区分:

.txt:hover{....}为全局

#txt:hover{....}为局部


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7879039.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存