源码搜藏网

<title>jQuery拖拽放大缩小插件idrag - 源码搜藏</title>

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="js/drag.js"></script>

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

#box { width: 200px; height: 100px; cursor: move; position: absolute; top: 30px; left: 30px; background-color: #FFF; border: 1px solid #CCCCCC;  -webkit-box-shadow: 10px 10px 25px #ccc;-moz-box-shadow: 10px 10px 25px #ccc;box-shadow: 10px 10px 25px #ccc;}

 

#coor { width: 10px; height: 10px; overflow: hidden; cursor: se-resize; position: absolute; right: 0; bottom: 0; background-color: #09C; }

body { background-color: #F3F3F3; }

</style>