内容正在载入中,请稍后……
公告
About me
搜索
统计
其他
24 Nov.2010

层遇到select框时使层不被select挡住 不指定

作者: 我就是个世界   分类:技术&学习 » 网页设计   出处:本站原创            | |
提供定位函数,用iframe作载体,不会被select挡住



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

<HTML>
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">
<title>层遇到select框时使层不被select挡住</title>
<!--
提供定位函数,用iframe作载体,不会被select挡住
By Fason(2003-5-21)
-->
<style id="s">
    #div1{
        position:absolute;
        z-index:100;
        width:100;
        height:130;
        background-color:#d2e8ff;
        border:1 solid black;
    }
    div{cursor:hand;font-size:12px;}
    a{text-decoration:none;color:red;font-size:12px}
</style>
<script>
    function window.onload(){
        var sHTML=div1.innerHTML;
        var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
        ifm.style.width=div1.offsetWidth
        ifm.style.height=div1.offsetHeight
        ifm.name=ifm.uniqueID
        div1.innerHTML=""
        div1.appendChild(ifm)
        window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+sHTML+"</body>")
    }

    function show(){
        with(document.all.img1){
            x=offsetLeft;
            y=offsetTop;
            objParent=offsetParent;
            while(objParent.tagName.toUpperCase()!= "BODY"){
                x+=objParent.offsetLeft;
                y+=objParent.offsetTop;
                objParent = objParent.offsetParent;
            }
            y+=offsetHeight-1
        }
        with(document.all.div1.style){
            pixelLeft=x
            pixelTop=y
            visibility=''
        }
    }
    function hide(){
        document.all.div1.style.visibility='hidden'
    }
</script>
</head>
<body>
<img id=img1 onmouseover="show()" onmouseout="hide()" src="ie.gif"><br><select style="width: 124px;"></select>
<div id=div1 onmouseover="style.visibility=''" onmouseout="style.visibility='hidden'" style="visibility:hidden;">
    <div href="http://www.husw.net" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">在路上</div>
    <div href="http://www.husw.net" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">husw.net</div>
</div>
</body>
</HTML>
分享到QQ空间
时间:17:18 评论(0) 引用(0) 阅读(1802) Tags: , ,
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
OpenID登入 权限选项 表情