我有一个包含不同单词的列表面板,每个单词在右侧解释一个 div。 我试图在悬停匹配词时将匹配 div 的不透明度更改为 1.0。
<html> #HTML SETUP
<div class="Settings">
<ul>
<li class="SettingsSlideshow">
<h3>Slideshow</h3>
</li>
<li class="SlideshowImage">
<h4>Image</h4>
</li>
<li class="SlideshowTitle">
<h4>Title</h4>
</li>
</ul>
</div>
<div class="Slideshow">
</div>
</html>
<script type="text/javascript"> #JAVASCRIPT
$(function(){
$(".SettingsSlideshow").hover(function(){
$(".Slideshow").css({opacity: 1.0});
});
});
</script>
这只是我要实现的目标之一。这不起作用,我还需要在 css 中定义 x:hover 吗?我在 css 中的每个 div 上定义了一个不透明度:0.7。 Mabye 我需要定义它:(".Settings ul li SettingSlideshow")?
感谢您的帮助!
最佳答案
<script type="text/javascript">
$(function(){
$(".SettingsSlideshow").hover(function(){
$(".Slideshow").css({opacity: 1.0});
},function(){
$(".Slideshow").css({opacity: 0.0});// here set your rest opacity between 0 to 1
});
});
</script>
引用 hover
关于javascript - 将鼠标悬停在 div jquery 上的文本更改不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18823938/