javascript中两疑难问题，各30分，请求解决

第2个问题主要是在 firefox 中event没有获取到！要想兼容，就要判断浏览器if(window.event)
{
//..
}
else
{
//..
}

<a href="#">这里的#是一个锚点，相当于一个书签，代表页面顶部，如果你不想返回顶部
就用<a href="javascript:void(0)">来替换，这里相当于一个死链接，onclick事件没有影响

1.在Bold最后加上return false;
2.function changeSkin(oEvent)不知道你这个函数是怎么调用的。
一般的兼容方法是  something.onclick = function(e){
     var e = e || event;
     e.clientX......
}

第二个问题是event的标准问题
在ie中用event
在ff中是作为第一个参数传递的，也就是
changeSkin(event)
function changeSkin(event)
这里都用event来替换，应该可以兼容了

a href="#" onmouseover="changeSkin(event)">风格</a>
JS代码：
function changeSkin(oEvent)
{
var oDiv=document.getElementById("skinMenu");
oDiv.style.visibility="visible";
oDiv.style.left=100;
oDiv.style.top=100
这将代码改成上面的效果，即left和top直接赋值。在firefox中也报错。
错误提示：
警告：分析属性 'left' 值时出错。声明被丢弃。
源文件：http://192.168.3.10/
行：0
警告：分析属性 'top' 值时出错。声明被丢弃。
源文件：http://192.168.3.10/
行：0又是咋回事？

alert(oDiv)看看是个什么东西？

to tantaiyizu(痴情客)
ie:object
ff:[object HTMLDivElement]

一、页面定位的问题
<a href="#"><img alt="加粗" src="Image/bold.gif" border="0" onclick="Bold();return false;" /></a>

二、动态显示菜单的位置问题
我以前做的一个例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档-SH!</title>
<style type="text/css">

</style>
<script language="javascript">
function $(element) {
if (arguments.length > 1)
{
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}
if (typeof element == 'string')
{
if (document.getElementById)
{
element = document.getElementById(element);
}
else if (document.all)
{
element = document.all[element];
}
else if (document.layers)
{
element = document.layers[element];
}
}
return element;
}
</script>
<script language="javascript">Function.prototype.bind = function(obj) {
  var method = this,
   temp = function() {
    return method.apply(obj, arguments);
   };  return temp;
}
var vv = null;
var v1 = function(_evt)
{
var evt = _evt?_evt:event;
var l = (evt.offsetX || evt.layerX||0);
var t = (evt.offsetY || evt.layerY||0);
$("apDiv1").innerHTML  = "x:"+ l + ",  y:" + t;
$("apDiv1").style.left = parseInt(l)+5 + "px";
$("apDiv1").style.top  = parseInt(t)+5 +"px" ;
}var v2 = function(_evt)
{
var evt= _evt?_evt:event;

if((evt.srcElement || evt.target).id!="bgImg") return false;

var l  = (evt.offsetX || evt.layerX ||0);
var t  = (evt.offsetY || evt.layerY ||0);

$("apDiv1").innerHTML = "x:"+ l + ",  y:" + t;
$("apDiv1").style.left = l+ "px";
$("apDiv1").style.top  = t+"px" ;

if($("bgImg").onmousemove)
{
$("bgImg").onmousemove = null;
$("apDiv1").style.backgroundColor = "#F00";
$("apDiv1").style.color = "#FFF";
}
else
{
$("bgImg").onmousemove = v1.bind(vv);
$("apDiv1").style.backgroundColor = "#cf9";
$("apDiv1").style.color = "#000";
}
}
var Init = function ()
{
vv = window;
$("bgImg").onmousemove = v1.bind(vv);
$("selBox").onclick = v2.bind(vv);
}</script>
</head>
<body onload="Init()">
<div id="selBox">
  <div id="apDiv1">X:Y:</div>
  <div id="bgImg" style="width:600px; height:500px; background-color:#006699;"></div>
</div>
</body>
</html>

1、<a href="#"><img alt="加粗" src="Image/bold.gif" border="0" onclick="Bold();return false;" /></a>
2、判断浏览器，各个浏览器写相应程序，具体firefox中应该是什么事件我也不大清楚

1. <a href="void(0)">...</a>
2. oEvent 用这样来替代
function(_oEvent){
var oEvent = _oEvent?_oEvent:oEvent;
...
}

第一个问题你可以把img的连接属性去掉，img上鼠标的样式可以用cursor:hand来设置。

参考以下这个脚本：
http://www.dynarch.com/products/dhtml-menu/

http://www.dynarch.com/products/dhtml-menu/

ff下定位长度一定要加上"px"

调试易

javascript中两疑难问题，各30分，请求解决

解决方案 »