html隐藏拖拽图标,jquery拖曳显示或隐藏图像插件coveringBad.js

这是一个关于如何使用jQuery创建一个简单插件的教程,该插件允许用户通过拖动来显示或隐藏图像。插件包括设置如边距、初始位置和方向等选项。示例代码展示了如何为多个元素应用此插件,并调整了不同实例的参数。
摘要由CSDN通过智能技术生成

25eddc28830ce4f0a14c758de0a88868.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述:一个简单的jQuery插件,通过拖曳显示或隐藏图像

使用

包括:

HTML:

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

增加

$('.first').coveringBad();

$('.second').coveringBad();

$('.third').coveringBad({

marginY : 20 ,

marginX : 400 ,

setX  : 400,

setY  : 235 ,

direction   : "vertical"

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值