如果没用过mootools 也可以看懂逻辑 看看下面的逻辑对不??怎么运行没反应啊??
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id=a style="width:100px;height:100px;background:red;"></div>
<script type="text/javascript" src="../mootools-1.2.3-core-nc.js"></script>
<style>
</style>
<script>
var a=$('a');
$(document.body).addEvents({
click:function(e){
e=new Event(e);
a.setStyles({
position:absolute,//先设为绝对定位
left:e.page.x,//再设置left
top:e.page.y//再设置top
})
}
})
</script>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id=a style="width:100px;height:100px;background:red;"></div>
<script type="text/javascript" src="../mootools-1.2.3-core-nc.js"></script>
<style>
</style>
<script>
var a=$('a');
$(document.body).addEvents({
click:function(e){
e=new Event(e);
a.setStyles({
position:absolute,//先设为绝对定位
left:e.page.x,//再设置left
top:e.page.y//再设置top
})
}
})
</script>
</body>
</html>
解决方案 »
- Jquery的validate验证,根据单选按钮选择隐藏文本框,然后验证
- 新手写js又出错了- -
- 不到100行的JS代码程序改进
- 关于EXT显示后台数据的问题
- iframe刷新,导致 父页面函数失效,请大家指点
- 如何禁止拖动?OnDragStart返回false怎么还是不行啊?看看我的代码:
- 问一个vbscript的问题!(实在是不好意思,我找不着vbscript社区!)
- 如何判断当前页面是否在另一页面的iframe里?
- STRUCTS问题:如何让表单自动提交?
- 100分,聊天室中那个不断滚动的发言信息叶面是动态网页吗,怎么就会这么不停的滚呢,原理?
- Firfox 中javaScript 问题
- 路径应该怎么写呀!!!急救中呀、、、、
position:'absolute',
left:e.page.x + 'px',
top:e.page.y + 'px'
})
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id=a style="width:100px;height:100px;background:red;"></div>
<script type="text/javascript" src="../mootools-1.2.3-core-nc.js"></script>
<style>
</style>
<script>
var a=$('a');
$(document.documentElement).addEvents({//这换成documentElement就可以了 body不行 不知道为什么
click:function(e){
e=new Event(e);
a.setStyles({
position:'absolute',//这要交引号
left:e.page.x,
top:e.page.y
})
}
})
</script>
</body>
</html>