js div

本帖最后由 a260881071 于 2010-01-14 13:59:55 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

function(){
$("div").css({"left":(event.pageX || event.clientX) + 5,
                    "top": (event.pageY || event.clientY) +5});
}
function(){
$("div").css({"left":(event.pageX || event.clientX) + 5,
                    "top": (event.pageY || event.clientY) +5});
}
<html>
<head>
<title>菜单</title>
</head>
<style type="text/css">
.box{ font: 9pt "Comic Sans MS"; position: absolute;  background:pink }
</style>
<body>
<p align="center"></a>　</p>
<div align="center"><center>
<table id="itemopen" class="box" style="display:none">
  <tr>
    <td>弹出菜单</td>
  </tr>
  <tr>
    <td><a href="#">Cut</a></td>
  </tr>
</table>
</center></div>
<script language="JavaScript">
document.onclick = popUp
function popUp(evt) {
evt = evt ? evt : (window.event ? window.event : null);
var mX = evt.x ? evt.x : evt.pageX;
var mY = evt.y ? evt.y : evt.pageY;
newX = mX + document.body.scrollLeft;
newY = ((mY)*(-1) + document.body.scrollTop)*(-1);
menu = document.getElementById('itemopen');
  if ( menu.style.display == ""){
    menu.style.display = "none"
  }
  else {
     menu.style.display = ""
  }
  if(navigator.appName.indexOf("Explorer") > -1){//IE
    menu.style.pixelLeft = newX+8;
    menu.style.pixelTop = newY-5;
  }else{
    menu.style.left = parseInt(newX)+10+"px";
    menu.style.top = parseInt(newY)-5+"px";
  }
}
</script>
<a href="#" onclick="popUp(event);"><font color="blue">在任意位置单击鼠标左键看看</font></a>
</body>
</html>
如果不用jquery有什么其它的法子吗？
<input type="text" onfocus = "Fun1(this)"/>
在Fun1里怎么把这个this 传给另一个函数的参数。
<input id="one" type="text" onfocus = "Fun1(this)"/>
<input id="another" type="text" onfocus="Fun2(document.getElementById('one'));"
首先判断浏览器，在格式化event对象，使其兼容其他浏览器，最后就可以正常使用了