JQuery 跟着鼠标走的Div
来源:互联网 发布:淘宝淘金币首页 编辑:程序博客网 时间:2024/05/01 14:27
<!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>
<title></title>
<!-- 属性:pageX、pageY、target获得触发事件的元素、which如果是鼠标事件获得按键(1左键,2中键,3右键)。
altKey、shiftKey、ctrlKey获得alt、shift、ctrl是否按下,为bool值。
keyCode、charCode属性发生时间时的keyCode、charCode。
<script type="text/javascript">
$("a").click(function (e) {
var target = $(e.target);
alert(target.attr("href"));
e.preventDefault();
});
</script>
$(":button").mouseup(function(e) {
if (e.ctrlKey && e.which == 3) {
alert("按下ctrl和鼠标右键!");
}
});-->
<style type="text/css">
#divMouse{position:absolute;width:80px;height:80px;background-color:gold;display:none;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(document).mousemove(function (e) {
var xPos = parseInt(e.pageX+12) + "px";
var yPos = e.pageY + "px";
$("#divMouse").css("left", xPos).css("display","block");
$("#divMouse").css("top", yPos);
});
});
</script>
</head>
<body>
<div id="divMouse">
跟着鼠标走
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<!-- 属性:pageX、pageY、target获得触发事件的元素、which如果是鼠标事件获得按键(1左键,2中键,3右键)。
altKey、shiftKey、ctrlKey获得alt、shift、ctrl是否按下,为bool值。
keyCode、charCode属性发生时间时的keyCode、charCode。
<script type="text/javascript">
$("a").click(function (e) {
var target = $(e.target);
alert(target.attr("href"));
e.preventDefault();
});
</script>
$(":button").mouseup(function(e) {
if (e.ctrlKey && e.which == 3) {
alert("按下ctrl和鼠标右键!");
}
});-->
<style type="text/css">
#divMouse{position:absolute;width:80px;height:80px;background-color:gold;display:none;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(document).mousemove(function (e) {
var xPos = parseInt(e.pageX+12) + "px";
var yPos = e.pageY + "px";
$("#divMouse").css("left", xPos).css("display","block");
$("#divMouse").css("top", yPos);
});
});
</script>
</head>
<body>
<div id="divMouse">
跟着鼠标走
</div>
</body>
</html>
- JQuery 跟着鼠标走的Div
- 实现div跟着鼠标走
- web.鼠标.跟着鼠标走的事件
- python 跟着鼠标走的火柴人
- hover 跟着鼠标走
- Js实现div跟着鼠标的移动
- div 跟着鼠标移动
- JavaScript控制div的移动跟着鼠标一起移动div
- 一串div跟着鼠标移动
- 跟着鼠标移动的动态DIV盒子插件
- js实现悬浮层跟着鼠标走
- 动态光源效果,光源跟着鼠标走
- 跟着鼠标的眼睛
- 跟着自己的感觉走
- 怎样实现一个浮动提示,提示跟着鼠标走
- Jquery确定鼠标进入div的方向
- 跟着鼠标飞的图片
- JS 让div跟着鼠标移动 以及悬浮层的制作
- ZOJ 3492 Kagome Kagome
- 路由器与交换机概念还是有区别滴
- 两个hadoop的问题解决
- 2012华为校园招聘机试(武汉)
- Java Date
- JQuery 跟着鼠标走的Div
- struts2全注解配置步骤
- 在VirtualBox下安装Linux的增强功能(鼠标无缝切换等)
- hdu1003.....暑期集训第一天动态规划WA了4次......
- 简单介绍设计模式
- Arcgis 导出点层
- linux命令join与paste
- asp.net中label、table、gridview不自动换行的问题
- 一 需求分析