jquery实现鼠标拖动图片效果示例代码

2019-12-24,,,

复制代码 代码如下:
<!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>无标题文档</title><script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(function(){
$("html").mousemove(function(e){
$("#a").css("left",e.pageX).css("top",e.pageY);
});
});
</script>
<style type="text/css">
.a {
width:200px;
height:100px;
position:absolute;
background-color:rgb(0,0,0);
}
</style>
</head>
<body>

<img src="图片" id="a" name="a" class="a" >

只做了一个简单的实例
</body>

</html>

您可能感兴趣的文章:

  • 基于jquery的鼠标拖动效果代码
  • Jquery写一个鼠标拖动效果实现原理与代码
  • jquery实现的鼠标拖动排序Li或Table
  • jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
  • jquery.flot.js简单绘制折线图用法示例
  • jQuery.Highcharts.js绘制柱状图饼状图曲线图
  • jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
  • jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
  • jQuery实现的网格线绘制方法
  • jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】

《jquery实现鼠标拖动图片效果示例代码.doc》

下载本文的Word格式文档,以方便收藏与打印。