jQuery实现滑动方式上下左右滚动效果代码示例

  • 内容
  • 评论
  • 相关

介绍一下使用jQuery实现的div块上下左右以动画方式实现移动效果。

代码实例如下:

上面的代码实现了动画移动效果,下面介绍一下它的实现过程。

一.代码注释:

(1).$(document).ready(function(){}),当文档结构完全加载完毕再去执行函数中的代码。

(2). $("#btn").unbind().click(function(){}),首先解绑所有的事件处理函数(这里没有此操作),然后再注册click事件处理函数。

(3).$("#first").hide(),先将不需要的元素隐藏。

(4).$("#sec").css("left","-200px").animate({"left":"0px"},500).show(),首先瞬间将元素的left属性值设置为-200px,这个时候元素就看不到了,被左边缘隐藏,然后以动画的方式设置此元素显示出来。

原创文章,转载请注明: 转载自搞代码

本文链接地址: jQuery实现滑动方式上下左右滚动效果代码示例

微信支付二维码

微信 赏一包辣条吧~

支付宝支付二维码

支付宝 赏一听可乐吧~

评论

0条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注