2个回答
展开全部
给你个效果好些的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function(){
$('#imgContainer').hover(function(){
$('#text').fadeOut(function(){
$('#img').fadeIn('slow');
});
},function(){
$('#img').fadeOut('slow',function(){
$('#text').fadeIn();
});
});
})
</script>
</head>
<body>
<div id="imgContainer"
style="position: absolute;width: 100px;height: 100px;border: 1px solid #336699;overflow: hidden;text-align: center;line-height: 100px;">
<div id="text" style="font-size: 40px;">
Star
</div>
<img id="img" style="display:none; position: absolute;"
src="images/star.png"></img>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function(){
$('#imgContainer').hover(function(){
$('#text').fadeOut(function(){
$('#img').fadeIn('slow');
});
},function(){
$('#img').fadeOut('slow',function(){
$('#text').fadeIn();
});
});
})
</script>
</head>
<body>
<div id="imgContainer"
style="position: absolute;width: 100px;height: 100px;border: 1px solid #336699;overflow: hidden;text-align: center;line-height: 100px;">
<div id="text" style="font-size: 40px;">
Star
</div>
<img id="img" style="display:none; position: absolute;"
src="images/star.png"></img>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询