JavaScript让图片随鼠标移动，兼容IE和FireFox，却不运行
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>In...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jlib.js"></script>
<style>
#head{
position:absolute;
}
</style>
</head>
<body>
<img src='images/head.jpg' id='head' />
<script type="text/javascript">
/*
* jlib.js是我自己写的一个javascript类库，里面包含一些常用方法，如JudgeBroswer()用来判断浏览器是IE还是FireFox,$相当于document.getElementById(id);
*/
var broswer=JudgeBroswer();
var obj=$('head');
switch(broswer){
case 'MSIE':window.onmousemove=MoveInIe();break;
case 'FireFox':window.onmousemove=MoveInFireFox;break;
}
function MoveInFireFox(){
obj.style.left=event.clientX+'px';
obj.style.top=event.clientY+'px';
}
function MoveInIe(){
obj.style.left=(window.event.x)+'px';
obj.style.top=(window.event.y)+'px';
}
</script>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jlib.js"></script>
<style>
#head{
position:absolute;
}
</style>
</head>
<body>
<img src='images/head.jpg' id='head' />
<script type="text/javascript">
/*
* jlib.js是我自己写的一个javascript类库，里面包含一些常用方法，如JudgeBroswer()用来判断浏览器是IE还是FireFox,$相当于document.getElementById(id);
*/
var broswer=JudgeBroswer();
var obj=$('head');
switch(broswer){
case 'MSIE':window.onmousemove=MoveInIe();break;
case 'FireFox':window.onmousemove=MoveInFireFox;break;
}
function MoveInFireFox(){
obj.style.left=event.clientX+'px';
obj.style.top=event.clientY+'px';
}
function MoveInIe(){
obj.style.left=(window.event.x)+'px';
obj.style.top=(window.event.y)+'px';
}
</script>
</body>
</html> 展开
3个回答
展开全部
不知道您的jlib.js文件怎么写的，所以就用了我自己的方式改了一下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#head{
position:absolute;
}
</style>
</head>
<body>
<img src='images/head.jpg' id='head' />
<script type="text/javascript">
/*
* jlib.js是我自己写的一个javascript类库，里面包含一些常用方法，如JudgeBroswer()用来判断浏览器是IE还是FireFox,$相当于document.getElementById(id);
*/
document.onmousemove=Move;
obj=document.getElementById("head");
function Move(event){
var event=window.event||event;
obj.style.left=event.clientX+'px';
obj.style.top=event.clientY+'px';
}
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#head{
position:absolute;
}
</style>
</head>
<body>
<img src='images/head.jpg' id='head' />
<script type="text/javascript">
/*
* jlib.js是我自己写的一个javascript类库，里面包含一些常用方法，如JudgeBroswer()用来判断浏览器是IE还是FireFox,$相当于document.getElementById(id);
*/
document.onmousemove=Move;
obj=document.getElementById("head");
function Move(event){
var event=window.event||event;
obj.style.left=event.clientX+'px';
obj.style.top=event.clientY+'px';
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好！很高兴为您答疑！
火狐下您可以安装Firebug检查页面代码，它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
火狐下您可以安装Firebug检查页面代码，它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
