jquery拖曳显示或隐藏图像插件coveringBad.js

所属分类:输入-拖和放

 32486  331  查看评论 (1)
分享到微信朋友圈
X
jquery拖曳显示或隐藏图像插件coveringBad.js ie兼容6

使用

包括:

<link href="css/coveringBad.css" type="text/css"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css"/>
<script src="js/coveringBad.js" ></script>


HTML:

<div class="covered">
    <div class="handle"></div>
    <div class="changeable"></div>
</div>


JS:

$(function() {
    $('.covered').coveringBad();
});


选项:

marginY : 20,   // Handle's distance from top and bottom
    marginX : 20,   // Handle's distance from left and right
    setX    : 30,   // Defulat location for handle from left
    setY    : 150,  // Defulat location for handle from top
    direction : "horizontal" // would be horizontal/vertical


增加

<div class="covered first">
    <div class="handle"></div>
    <div class="changeable"></div>
</div>
<div class="covered second">
    <div class="handle"></div>
    <div class="changeable"></div>
</div>
<div class="covered third">
    <div class="handle"></div>
    <div class="changeable"></div>
</div>
$(function() {
    $('.first').coveringBad();
    $('.second').coveringBad();
    $('.third').coveringBad({
        marginY : 20 ,
        marginX : 400 ,
        setX  : 400,
        setY  : 235 ,
        direction   : "vertical"
    });
});


相关插件-拖和放

jquery拖动排序插件Nestable

jquery拖动排序插件Nestable
  拖和放
 88247  474

仿ios辅助触控使用于移动端

仿iphone中悬浮辅助触控自动贴边效果
  拖和放
 23372  299

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 104163  445

jQuery图片DIV指定范围内拖动加调整大小

实现在指定大小DIV内拖动图片,以及调整图片大小
  拖和放
 48170  390

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    761726321 0
    2018/5/17 11:26:26
    请问如何适用移动端,在线急 回复
    蝶彩教育diecolor 0
    2015/6/2 15:41:40
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复