dreamweaver 鼠标指向显示隐藏层怎么操作 10
dreamweaver鼠标指向显示隐藏层怎么操作,或者是怎么实现这个功能,就是说当鼠标经过一个文字连接后鼠标旁边显示图片介绍,谢谢...
dreamweaver 鼠标指向显示隐藏层怎么操作,或者是怎么实现这个功能,就是说当鼠标经过一个文字连接后鼠标旁边显示图片介绍,谢谢
展开
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
h1 {margin:0px;padding:0px;}
#menu {position:absolute;top:10px;left:10px;font-size:16px;color:#fc6;}
#menu a{text-decoration:none;font-size:14px;display:block;padding:4px;}
#menu a:link,#menu a:visited{color:#f0d911;}
#menu a:active,#menu a:hover{color:#f99;background-color:#eee;}
#menu div{float:left;width:120px;height:16px;border:#FFCC00 1px solid;background-color:#FFFFF7;margin:0px;padding:7px;overflow:hidden;}
</style>
<script>
function showlist(obj){
obj.style.overflow='visible';
obj.style.height='auto';
}
function hidelist(obj){
obj.style.overflow='hidden';
obj.style.height='16px';
}
</script>
<div id="menu">
<div onmouseover="showlist(this)" onmouseout="hidelist(this)">
<b>一</b>
<hr />
<a href="#" target="_blank">内容</a>
<a href="#" target="_blank">内容</a>
<a href="#" target="_blank">内容</a>
</div>
<div onmouseover="showlist(this)" onmouseout="hidelist(this)">
<b>二</b>
<hr />
<a href="#" target="_blank">游戏</a>
<a href="#" target="_blank">游戏</a>
</div>
</div>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
h1 {margin:0px;padding:0px;}
#menu {position:absolute;top:10px;left:10px;font-size:16px;color:#fc6;}
#menu a{text-decoration:none;font-size:14px;display:block;padding:4px;}
#menu a:link,#menu a:visited{color:#f0d911;}
#menu a:active,#menu a:hover{color:#f99;background-color:#eee;}
#menu div{float:left;width:120px;height:16px;border:#FFCC00 1px solid;background-color:#FFFFF7;margin:0px;padding:7px;overflow:hidden;}
</style>
<script>
function showlist(obj){
obj.style.overflow='visible';
obj.style.height='auto';
}
function hidelist(obj){
obj.style.overflow='hidden';
obj.style.height='16px';
}
</script>
<div id="menu">
<div onmouseover="showlist(this)" onmouseout="hidelist(this)">
<b>一</b>
<hr />
<a href="#" target="_blank">内容</a>
<a href="#" target="_blank">内容</a>
<a href="#" target="_blank">内容</a>
</div>
<div onmouseover="showlist(this)" onmouseout="hidelist(this)">
<b>二</b>
<hr />
<a href="#" target="_blank">游戏</a>
<a href="#" target="_blank">游戏</a>
</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |