<html>
<head>
<title></title>
<style type="text/css">
#AdLayer{
filter:alpha(opacity=80);
float : left ;
}
img{
width : 106 ;
height : 86 ;}
</style>
<script language="javascript" type="text/javascript">
function setOpacity(e, n)
{
var p = document.getElementsByTagName('img');
var ip = e.getAttribute('id') ;
for (var i = 0; i < p.length; i ++ )
{
var tt = p[i].getAttribute('id')
if(tt==ip){
p[i].style.filter = 'alpha(opacity=' + n + ')';
p[i].style.border ='solid 2px red';
}else{
p[i].style.border =' 5px ';
}
// alert(tt);
}
// if(e.id==3)
// e.style.filter = 'alpha(opacity=' + n + ')';
// alert("hh");
}
</script>
</head>
<body>
<img src="images/8.jpg" border=5 id="192.168.0.30" alt="192.168.0.30"
onmousemove="setOpacity(this,30)"
onmouseout="setOpacity(this,100)"
/>
<img src="images/8.jpg" border=5 id="192.168.0.157" alt="192.168.0.157"
onmousemove="setOpacity(this,30)" onmouseout="setOpacity(this,100)"
/>
<img src="images/8.jpg" border=5 id="192.168.0.30" alt="192.168.0.30"
onmousemove="setOpacity(this,30)"
onmouseout="setOpacity(this,100)"
/>
<img src="images/8.jpg" border=5 id="192.168.0.42" alt="192.168.0.42"
onmousemove="setOpacity(this,30)"
onmouseout="setOpacity(this,100)"
/>
<img src="images/8.jpg" border=5 id="192.168.0.157" alt="192.168.0.157"
onmousemove="setOpacity(this,30)" onmouseout="setOpacity(this,100)"
/>
<img src="images/8.jpg" border=5 id="192.168.0.30" alt="192.168.0.30"
onmousemove="setOpacity(this,30)"
onmouseout="setOpacity(this,100)"
/>
<span id="contextmenu" style="border:1px solid #666666;background:#eeeeee;width:55px;padding:5px;display:none;position:absolute">
<div>查看</div>
<div>修改</div>
<div>item3</div>
<div>item4</div>
<div>item5</div>
<div>item6</div>
</span>
<script>
//当用户使用鼠标右键单击客户区打开上下文菜单时触发函数
document.oncontextmenu=function (){
//定位 id 为 contextmenu 的层的 X 坐标到鼠标单击时的 X 坐标偏右10象素
contextmenu.style.posLeft= document.body.scrollLeft+event.x+10
//定位 id 为 contextmenu 的层的 Y 坐标到鼠标单击时的 Y 坐标偏下10象素
contextmenu.style.posTop= document.body.scrollTop+event.y+10
//以行内元素方式显示 contextmenu 层
contextmenu.style.display="inline"
return false //返回 false,以屏蔽真正的右键菜单的显示
}
document.onclick=function(){//当用户用鼠标左键单击客户区时触发函数
//如果 contextmenu 层非当前焦点对象
if(document.activeElement!=contextmenu)
contextmenu.style.display="none" //隐藏 contextmenu 层
}
</script>
</body>
</html>