$(function() { //鼠标进入的时候,其他的li标签透明度:0.5 $(".wrap li").hover(function() { $(this).siblings().stop().fadeTo(400, 0.5); }, function() { // 鼠标离开,其他li 透明度改为 1 // $(this).siblings().stop().fadeTo(400, 1); }) });用另一种方式实现
时间: 2024-01-29 09:02:02 浏览: 59
设置窗口透明度 可以设置其他软件窗口的透明度
这段代码实现了当鼠标悬停在一个列表项上时,其他列表项的透明度变为0.5,当鼠标离开时,其他列表项的透明度恢复为1。可以使用以下方式实现相同的效果:
```
$(document).ready(function() {
// 找到所有的列表项
var items = $(".wrap li");
// 给每个列表项绑定鼠标进入事件
items.mouseenter(function() {
// 找到当前鼠标悬停的列表项
var currentItem = $(this);
// 让其他列表项透明度变为0.5
items.not(currentItem).stop().fadeTo(400, 0.5);
});
// 给每个列表项绑定鼠标离开事件
items.mouseleave(function() {
// 找到当前鼠标离开的列表项
var currentItem = $(this);
// 让其他列表项透明度恢复为1
items.not(currentItem).stop().fadeTo(400, 1);
});
});
```
这段代码与原代码的区别在于,它使用了 `.not()` 方法来选择除了当前列表项以外的所有列表项,并在鼠标进入和离开事件中分别使用了 `.fadeTo()` 方法来改变它们的透明度。
阅读全文