jq HTML css 关于类似hover的问题

jq HTML css 关于类似hover的问题,第1张

添加样式:on{有背景,只是把背景设置在这个类里面。}
<div
class="c"><a
href="#"
id="a"
class="on">第一个</a>
<a
href="#
id="b">第二个</a></div>
$("c")find("a")hover(function(){
$(this)addClass("on)siblings()removeClass("on)
})
希望能够帮助到您,谢谢。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="jqhovercss"><!--这里显示外链式样式-->
    <!--<style>这里显示是内嵌式样式,两种方式都可以在下面的jq代码中获取到背景定位的值
        a{ background-position: 0px 0px;}
        a:hover{ background-position: 120px -20px;}
    </style>-->
    <script src="jquery-180minjs"></script><!--这里引入jq库,你在使用的时候记住修改路径-->
    <script>
    $(function(){
        var bgPosition = $('a');
        bgPositionhover(function(){
            alert($(this)css('background-position'))
        },function(){
            alert('ok')
        });
    })
    </script>
</head>
<body>
    <a href="#">1111111111111</a>
</body>
</html>

1首页你在各个div上加个共用的class="div-list"
2$(function(){
$("div-list")hover(function(){
var id = $(this)attr("id");
})
})


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

原文地址: http://outofmemory.cn/yw/13351887.html

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

发表评论

登录后才能评论

评论列表(0条)

保存