jQuery 如何给同一Class下的众多元素加上单独运行的鼠标悬停特效。。

jQuery 如何给同一Class下的众多元素加上单独运行的鼠标悬停特效。。,第1张

如果hidden是你的隐藏class的话,写法如下:

$('.samples').mouseover(function () {

$(this).find('.author').removeClass('hidden')

})

$('.samples').mouseleave(function () {

$(this).find('.author').addClass('hidden')

})

使用方法:

1、调用CSS样式:

<link rel="stylesheet" href="css/style.css" />

2、调用JS代码

<script type='text/javascript' src='js/jquery-1.11.1.min.js'></script>

<script type='text/javascript' src='js/jquery.particleground.min.js'></script>

<script type='text/javascript' src='js/demo.js'></script>

3、将<body>......<body>之间的html和js代码;放在<body></body>之间。


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

原文地址: http://outofmemory.cn/bake/11693176.html

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

发表评论

登录后才能评论

评论列表(0条)

保存