dreamweaver如何实现鼠标经过显示层图片
无论1234格的热点只要鼠标经过就会显示图片。而图片都只在同一个位置也就是同一个位置里有多个层!另外再问下如何实现在鼠标不移动到热点的情况下自动轮播!...
无论1234格的热点只要鼠标经过就会显示图片。而图片都只在同一个位置也就是同一个位置里有多个层!
另外再问下如何实现在鼠标不移动到热点的情况下自动轮播! 展开
另外再问下如何实现在鼠标不移动到热点的情况下自动轮播! 展开
2个回答
展开全部
DW不能实现,只能通过JS实现,给你看个demo,可以将浮动层替换成想要的图片!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>鼠标经过图片显示浮动层代码演示</title>
<style>
* {margin: 0; padding: 0;}
div.pic {
display: block;
width:200px;
height:300px;
border:1px solid #ccc;
margin: 20px;
position: relative;
background:url(http://www.alixixi.cn/upload/image/mb/webdesigner/BR-105M.jpg);
}
div.edit {
width:50px;
height:30px;
line-height:30px;
color:#ffffff;
font-size:13px;
position: absolute;
background:black;
bottom:0;
right:0;
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('div.pic').hover(function(){
$(this).find('div.edit').show();
},function(){
$(this).find('div.edit').hide();
})
})
</script>
</head>
<body>
<div class="pic">
<div class="edit">¥100元</div>
</div>
</body>
</html>
展开全部
追问
大哥,你会写不?教我下!我对这个软件不怎么感冒啊
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |