js菜單

最新推荐文章于 2025-12-04 17:59:42 发布

原创最新推荐文章于 2025-12-04 17:59:42 发布 · 487 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #function #iframe #border #html

<title>??菜?</title>

<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>
</head>
<body>
<script>
var div=document
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(y){
var z=y;
//alert(document.getElementById("img"+z).offsetLeft);
with(eval("document.all.img"+z))
{
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 showcz(k)
{
var kk=document.getElementById("img"+k);
div1.style.pixelLeft=kk.offsetLeft;
div1.style.pixelTop=kk.offsetTop+20;
div1.style.visibility='visible';
}
function hide(){
document.all.div1.style.visibility='hidden'
}
</script>
<img id="img1" onmouseover="show(1)" onmouseout="hide()" src="images/look.gif">
    <img id="img2" onmouseover="showcz(2)" onmouseout="hide()" src="images/look.gif">
      <img id="img3" onmouseover="showcz(3)" onmouseout="hide()" src="images/look.gif">
<select>
<option value="overoveroveroveroverover">overoveroveroveroverover</option>
</select><br>
     <div id="div1" onmouseover="style.visibility=''" onmouseout="style.visibility='hidden'" style="visibility:hidden;">
<div href="http://www.youkuaiyun.com/" onmouseover="style.backgroundColor='blue'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的菜單</div>
<div href="http://www.sohu.com/" onmouseover="style.backgroundColor='red'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的blog</div>
<div href="http://www.youkuaiyun.com/" onmouseover="style.backgroundColor='blue'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的Email</div>
<div href="http://www.sohu.com/" onmouseover="style.backgroundColor='red'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的blog</div>
<div href="http://www.youkuaiyun.com/" onmouseover="style.backgroundColor='blue'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的菜單</div>
<div href="http://www.sohu.com/" onmouseover="style.backgroundColor='red'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的blog</div>
<div href="http://www.youkuaiyun.com/" onmouseover="style.backgroundColor='blue'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的菜單</div>
<div href="http://www.sohu.com/" onmouseover="style.backgroundColor='red'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">我的blog</div>
</div>
</body>
</html>