欢迎您光临爱永设计官网！
电话图标 服务热线/微信：13436537174 QQ咨询：276583799

新闻资讯

news

首页 >> 新闻资讯>>建站教程>>正文

JAVASCRIPT 当鼠标移开时 已弹出子菜单自动消失

发表日期：2013-12-29 文章作者：爱永设计　 浏览次数：23866 次

<html>
<head>
<style type=”text/css”>
.menu
{
background-color:green;
width:120;
height:20;
color: white;
text-align: center;
font-size:9pt;
font-weight:bolder;
}
.submenu
{
position:absolute;
top:40;
background-color:
yellow;width:180;
font-size:9pt;
}
</style>
</head>

<body>
<SCRIPT>
var cm=null;
document.onclick = new Function(“show(null)”)
function getPos(el,sprop)
{var iPos = 0
while (el!=null)
{iPos+=el[“offset” + sprop]
el = el.offsetParent}
return iPos}
function show(el,m)
{if (m) {            m.style.display=”;
m.style.pixelLeft = getPos(el,”Left”)
m.style.pixelTop = getPos(el,”Top”) + el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display=’none’;cm=m}
</SCRIPT>

<table border=0>
<tr>
<td ID=”d1″ onmouseover=”show(this,ds1);”>杂志技术站点</td>
<td ID=”d2″ onmouseover=”show(this,ds2);”>门户站点</td>
<td ID=”d3″ onmouseover=”show(this,ds3);”>个人收藏站点</td>
</tr>
</table>

<DIV ID=”ds1″ STYLE=”display:none” onmouseleave=”this.style.display=’none'”>
<BR><A HREF=”http://www.yesky.com“>天极网 Yesky.com</A>
<BR><A HREF=”http://www.cbinews.com“>电脑商情报</A>
<BR><A HREF=”http://www.newsoft.com.cn“>新潮电子</A>
<BR>
</DIV>
<DIV ID=”ds2″ STYLE=”display:none” onmouseleave=”this.style.display=’none'”>
<BR><A HREF=”http://www.sina.com.cn“>新浪网 Sina</A>
<BR><A HREF=”http://www.sohu.com.cn“>搜狐 Sohu</A>
<BR><A HREF=”http://www.163.com“>网易 Netease</A>
<BR>
</DIV>
<DIV ID=”ds3″ STYLE=”display:none” onmouseleave=”this.style.display=’none'”>
<BR><A HREF=”http://haoel.yeah.net“>耗子网络编程站</A>
<BR><A HREF=”http://www.5460.net“>中国同学录</A>
<BR><A HREF=”http://www.csdn.net“>中国软件开发网</A>
<BR>
</DIV>
</body>
</html>

标签：,
将文章分享到..
相关资讯
最新主题模板
随机新闻
最新网站案例

  • 更多 +我们能做什么

    致力于互联网品牌建设与网络营销，专业领域包括网站建设、网站模板、移动互联网营销、wordpress平台开发等，服务范围涵盖基础的域名服务、主机 服务；企业邮箱、云服务器、网络营销等应用服务，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

  • 更多 +网站模板优势

  • 更多 +关于爱永设计

    爱永设计工作室一直致力于品牌精美的网页设计、网页制作DIV+CSS布局、JS效果、精美网站模板、标志设计、专业仿站， 低廉的价格，真诚的服务，我们拥有全国各地的客户群体和各行业的成功案例。以一流的服务，出色的网页设计和制作能力，认真严谨的工作态度为客户提供优质满意的服务。期待与您的合作！

Copyright © 2012 - 2024 aysheji.com All Rights Reserved 爱永设计 版权所有
邮箱：aysheji@163.com 在线客服：276583799 模板演示地址：www.aymoban.com 备案号：京ICP备13060102号-3
服务内容： 网页设计 网站建设 网站制作 网站模板 婚庆网站模板 摄影网站 手机网站制作 自适应网站制作