为什么我将鼠标移到开始按钮上显示的是图1的效果,而不是图2? 10
4个回答
展开全部
就应该是图1的效果,图2是将鼠标移到左上角的效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-01-29 · 知道合伙人互联网行家
关注
展开全部
两张图片放到一个div里面,一个显示 一个隐藏!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="imglist">
<img class="show" src="a.jpg"/>
<img class="hidden" src="b.jpg"/>
</div>
<style>
.imglist .show{display:block;}
.imglist .hidden{display:none;}
</style>
<script>
$(document).ready(function(){
$(".imglist .show").mouseover(function(){
$(this).<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","none");
$(".imglist .hidden").fadeIn();
$(".imglist .hidden").<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","block");
}) ;
$(".imglist .hidden").mouseout(function(){
$(this).<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","none");
$(".imglist .show").fadeIn();
$(".imglist .show").css("display","block");
}) ;
}) </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="imglist">
<img class="show" src="a.jpg"/>
<img class="hidden" src="b.jpg"/>
</div>
<style>
.imglist .show{display:block;}
.imglist .hidden{display:none;}
</style>
<script>
$(document).ready(function(){
$(".imglist .show").mouseover(function(){
$(this).<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","none");
$(".imglist .hidden").fadeIn();
$(".imglist .hidden").<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","block");
}) ;
$(".imglist .hidden").mouseout(function(){
$(this).<a href="https://www.baidu.com/s?wd=css&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YzPvR1mh7hPWc3n1R4PWF-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHRvP1nsnHD3" target="_blank" class="baidu-highlight">css</a>("display","none");
$(".imglist .show").fadeIn();
$(".imglist .show").css("display","block");
}) ;
}) </script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询