图片拖出边框删除
来源:互联网 发布:上海圣剑网络 徐轶群 编辑:程序博客网 时间:2024/04/30 00:36
<title></title>
<style type="text/css">
#mydiv{ width:900px; background-color:#444;}
img{ width:200px; height:200px;}
ul{ list-style-type:none;}
ul li{ display:inline;}
</style>
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script src="js/jquery.ui.core.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="js/jquery.ui.draggable.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var startImgL = 0;
var startImgT = 0;
$('img').draggable({
start: function () {
startImgL=$(this).offset().left;
startImgT = $(this).offset().top;
},
stop: function () {
// $('#data').text($(this).offset().left + "," + $(this).offset().top);
//这里选择器要用this用不能用img因为表示是当前的那张img,如果用img则表示所有的img,切记都要用this
if ($(this).offset().left > 902 || $(this).offset().top > 207)
{ $(this).remove(); }
else {
$(this).offset({
left: startImgL,
top: startImgT
});
}
}
});
})
</script>
</head>
<body>
<div id="mydiv">
<ul>
<li><img src="images/2.jpg" alt="2" /></li>
<li><img src="images/3.jpg" /></li>
<li><img src="images/4.jpg" /></li>
<li><img src="images/5.jpg" /></li>
</ul>
</div>
<style type="text/css">
#mydiv{ width:900px; background-color:#444;}
img{ width:200px; height:200px;}
ul{ list-style-type:none;}
ul li{ display:inline;}
</style>
<script src="js/Jquery1.7.js" type="text/javascript"></script>
<script src="js/jquery.ui.core.js" type="text/javascript"></script>
<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="js/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="js/jquery.ui.draggable.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var startImgL = 0;
var startImgT = 0;
$('img').draggable({
start: function () {
startImgL=$(this).offset().left;
startImgT = $(this).offset().top;
},
stop: function () {
// $('#data').text($(this).offset().left + "," + $(this).offset().top);
//这里选择器要用this用不能用img因为表示是当前的那张img,如果用img则表示所有的img,切记都要用this
if ($(this).offset().left > 902 || $(this).offset().top > 207)
{ $(this).remove(); }
else {
$(this).offset({
left: startImgL,
top: startImgT
});
}
}
});
})
</script>
</head>
<body>
<div id="mydiv">
<ul>
<li><img src="images/2.jpg" alt="2" /></li>
<li><img src="images/3.jpg" /></li>
<li><img src="images/4.jpg" /></li>
<li><img src="images/5.jpg" /></li>
</ul>
</div>
- 图片拖出边框删除
- 删除图片蓝色边框的方法
- 图片拖出相框,自动消失
- 删除部分浏览器为图片添加的默认边框
- 图片边框
- iOS-边框图片,头像边框
- iOS-边框图片,头像边框
- 删除窗体边框
- MFC删除边框
- 图片加边框 (css)
- 图片100%自适应边框
- c# 图片加上边框
- 给图片加边框
- Android 图片加边框
- 图片立体边框效果
- Android图片加边框
- 图片边框处理
- 圆形图片和边框
- Python函数参数传递以及变量作用域
- USB 主机在请求HID 设备的配置描述符时,设备首先返回的描述符为:
- 为 Ubuntu 上的 PHP 安装 APC,提升应用速度
- virsh命令调用流程(3)
- php函数
- 图片拖出边框删除
- 面向对象的应用(1)
- lnmp_install.sh
- C++函数对象与函数指针不同之处
- Linux动态链接库.so文件的创建与使用
- CCTableView刷新数据后显示错乱
- 二叉树的前序遍历和中序遍历求二叉树
- UNREFERENCED_PARAMETER的使用方法
- js数字字符串互转