当前位置: 代码迷 >> vbScript >> javascript达人帮助啊如何实div中的a标一点击,position:absolute后的div不关上
  详细解决方案

javascript达人帮助啊如何实div中的a标一点击,position:absolute后的div不关上

热度:10027   发布时间:2013-02-26 00:00:00.0
javascript达人帮助啊,怎么实div中的a标一点击,position:absolute后的div不关上
HTML code
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title> <br />
<script type="text/javascript">
var sha=document.createElement("div");
//创建
function go_(textname,url)
{
var top__=Position.getElementTop(textname) ,left__=Position.getElementLeft(textname);
var textinfo;
switch(textname)
{
case  "前沿观察":
textinfo="以媒体事件、媒体活动、媒体营销等为主的新闻性报道,旨在通过及时有效的报道,为业界同行提供了解、交流、收集行业信息的平台。";
break;
case "传媒风云人物聚焦":
textinfo="关于媒体战略、媒体创新、媒体经营、媒体改革等方面的思考性和分析性的研究成果。稿件以署名形式刊发,并配发作者照片";
break;
case "传媒论苑":
textinfo="对新媒体与传统媒体融合及创新的思考和研究,着重在对新旧媒体的相互借鉴和整合方面的思辨性性较强的文章。开启本栏目,目的为中国媒体的整体有机、融合发展提供交流的平台。";
break;
case "经典案例":
textinfo="对媒体经营、活动策划、广告等经典案例的分析总结和展示。";
break;
case "市场分析":
textinfo="对媒体市场、广告市场、媒体行业现状及发展的趋势调查和数据性的研究报告。稿件以署名的形式刊发,并配发作者照片。";
break;
case "我知道":
textinfo="作为致力于为业界提供更优质服务的窗口和平台,中国媒介搜索网一直在努力用更专业的理念做好精准化的服务。与此同时,也得到了各界同仁的广泛关注和有力支持。为了更好的加强媒体同行的互动,特开设“我知道”栏目,采用一问一答的形式,方便大家就业界所关心、关注的话题进行交流。并通过本探索栏目,征集媒体广告从业者工作中所碰到的难点、热点话题";
break;
}
sha.style.cssText="display:block;text-align:left;border:1px solid;background:#2F3906;text-align:center;padding:3px 3px;font-size:12px;background:#DDF286;position:absolute;top:"+ (top__+12) +"px;left:"+ (left__+2) +"px;width:300px;height:80px;"
sha.innerHTML=" <span onclick='remodrdletdiv();' style='float:right;width:20px;margin-left:200px; font-weight:bold;font-size:14px'>x </span> <br>"+textinfo+" <br/> <a href='s/mtindex/index.htm' style='float:right;width:50px;margin-left:170px;cursor:pointer; font-weight:bold' onMouseOver='go_(\""+textname+"\",\""+url+"\");>进入 </a>";
document.body.insertBefore(sha,document.body.firstChild);
sha.attachEvent("onmouseout",remodrdletdiv);
}
//移除
function remodrdletdiv()
{
sha.style.cssText="display:none;position:absolute;";
}

</script>
</head>

<body>
<span onMouseOver="go_('前沿观察','http://www.sm114.com.cn/s/mtnews/index.htm#front')" >前沿观察 </span>
//问题就在 <进入>里A标的href='s/mtindex/index.htm'上点击不管用,会不会是onMouseOver老在刷新的问题呢,如不加上onMouseOver事件弹出来的div在鼠标进入A 标时就会关上,就好像失去热点,请js高人帮助一下怎么克服在鼠标移入a标时不关上div层,不胜感激。
</body>
</html>




------解决方案--------------------------------------------------------
mouseout的时候
if(event.toElement.tagName == "A") 不执行关闭代码退出;
else 关闭代码;
  相关解决方案