jquery鼠标移动图片的小例子
来源:互联网 发布:淘宝禁售 编辑:程序博客网 时间:2024/04/30 02:39
随手用jquery写了一个图片随鼠标移动的小例子,玩玩。
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标移动的效果</title>
<style type=text/css>
div{
position: absolute;
left:100px;
width: 70px;
height: 60px;
font-size: 10px;
}
img{
width: 60px;
height: 35px;
}
p{
margin-top: 5px;
width: 70px;
height: 20px;
}
</style>
</head>
<body>
<div>
<img class="_img" src="4.png">
<p></p>
</div>
<script src="jquery-1.10.2.js"></script>
<script>
$(document).ready(function(e){
var _top =0;
var _left=0;
var x =0;
$(this).on("mousemove",function(event){
_left = event.pageX;
_top = event.pageY;
$("div").css("left", _left + "px");
$("div").css("top", _top + "px");
$("p").html("位置是:" + _left + "," + _top);
});
});
</script>
</body>
</html>
0 0
- jquery鼠标移动图片的小例子
- DFB 用键盘和鼠标控制图片移动的小例子
- 图片上传生成缩略图,并使用JQuery实现鼠标移动到缩略图显示相应的大图的例子
- Jquery实现鼠标移动/移过到商品小图片上时替换掉大图片上的图片
- jQuery随机切换图片的小例子
- jQuery随机切换图片的小例子
- 获取鼠标在图片坐标位置的小例子
- Jquery实现鼠标移动,放大图片的功能
- 图片跟随鼠标移动(jquery)
- jquery鼠标移动图片等比缩放
- qt鼠标的小例子
- jQuery学习20---鼠标移动时图片跟着移动,还有提示层的显示
- 通过鼠标的移动让图片移动
- jquery小例子--简单易懂的图片展示
- JQuery 实现鼠标移动的动态交替
- jquery 随鼠标移动的导航条
- jquery 鼠标按住移动的解决方案
- javascript事件小例子(图片随鼠标动)
- poj 1321 棋盘问题
- Android学习笔记(一)——android概述
- singleton
- Linux I2C设备驱动编写(二)
- 我的java学习日记(4)
- jquery鼠标移动图片的小例子
- Hibernate 所有缓存机制详解
- Perl处理Excel文件
- Eclipse中java、jsp以及xml编辑界面字体设置
- ECS框架 2.0
- Oracle中的number类型
- git 搭建私有代码库
- 如何使用Windbg自动抓取禁止使用调试器程序的dump
- 【分享】深入浅出WPF全系列教程及源代码