jQuery仿QQ窗口抖动特效源码

这是一款基于jQuery的图片抖动特效,这款仿QQ抖动特效仿得算是很有创新的了。

 

建议开发童鞋使用MM应用引擎的开发部署工具统一开发环境UDE来进行查看、调试、开发哦~~MM应用引擎是基于云计算基础架构的互联网应用开发运行托管平台,为Web和移动应用开发者提供应用开发、测试、跨平台编译(Android/iOS)、应用发布和云端托管一站式服务,帮助开发者快速构建和维护应用。  

 

统一开发环境(UDE)模拟器调试效果图:



 

Demo

 

源码下载请见附件

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery拖拽特效是利用jQuery库中的draggable()和droppable()方法实现的。draggable()方法用于使元素可以被拖拽,而droppable()方法用于定义元素可放置的目标区域。 要实现拖拽特效,首先需要在HTML中包含jQuery库的引用,然后编写相应的代码。 以下是一个简单的示例: 1. HTML代码: ```html <div id="draggable">可拖拽的元素</div> <div id="droppable">可放置的目标区域</div> ``` 2. JavaScript代码: ```javascript $(document).ready(function() { $("#draggable").draggable(); $("#droppable").droppable({ drop: function(event, ui) { $(this).addClass("dropped"); $(ui.draggable).addClass("dragged"); $(ui.draggable).detach().appendTo(this); } }); }); ``` 在上面的代码中,我们首先使用draggable()方法将id为"draggable"的元素设置为可拖拽的。接着使用droppable()方法将id为"droppable"的元素设置为可放置元素的目标区域。 在droppable()方法的参数中,我们定义了一个drop事件处理函数。当拖拽元素被放置到目标区域时,这个函数将被调用。在这个函数中,我们给目标区域添加了一个名为"dropped"的类,给拖拽元素添加了一个名为"dragged"的类并将拖拽元素移动到目标区域内。 最后,在CSS中定义类".dropped"和".dragged"的样式,以实现特定的外观效果。 完成以上步骤后,保存并加载页面,你将能够在页面上看到一个可拖拽的元素和一个可放置的目标区域。当你拖拽元素到目标区域时,目标区域会改变外观,并将拖拽元素放置在内部。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值