最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JqueryUI震动效果实现原理及步骤_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:07:10
文档

JqueryUI震动效果实现原理及步骤_jquery

JqueryUI震动效果实现原理及步骤_jquery:如果你想你的博客页面某些部分引起读者的注意,你可以使这些部分震动,如广告,今天这篇文章将介绍怎样使你的页面中的元素震动起来。要达到这个目的我们需要使用到Jquery和Jquery UI。 首先让我创建一个震动块,可以是图片,也可以是普通的dom元素,如di
推荐度:
导读JqueryUI震动效果实现原理及步骤_jquery:如果你想你的博客页面某些部分引起读者的注意,你可以使这些部分震动,如广告,今天这篇文章将介绍怎样使你的页面中的元素震动起来。要达到这个目的我们需要使用到Jquery和Jquery UI。 首先让我创建一个震动块,可以是图片,也可以是普通的dom元素,如di
 如果你想你的博客页面某些部分引起读者的注意,你可以使这些部分震动,如广告,今天这篇文章将介绍怎样使你的页面中的元素震动起来。

要达到这个目的我们需要使用到Jquery和Jquery UI。
首先让我创建一个震动块,可以是图片,也可以是普通的dom元素,如div、span等,把元素的id命名为shake,这里可以任意命名。

我们用图片如下:
代码如下:


Jquery UI没有现成的使元素震动的方法,我们需要借助于effect方法来实现,语法如下:
代码如下:
effect('shake', options, speed);

参数options(这里有三个参数):
•times:指定元素震动次数
•distance:指定元素震动幅度
•direction:指定元素震动方向
下面是具体实现方法,设置震动3次,每500ms调用一次震动:
代码如下:
function interval() {
$('#shake').effect('shake', { times:3 }, 100);
}
$(document).ready(function() {
var shake = setInterval(interval, 500);
});


这里我引入了最新版的。
下面附上完整代码
代码如下:





function interval() {
$('#shake').effect('shake', { times:3 }, 100);
}
$(document).ready(function() {
var shake = setInterval(interval, 500);
});


jQuery Shake Effect


jQuery Shake Effect









文档

JqueryUI震动效果实现原理及步骤_jquery

JqueryUI震动效果实现原理及步骤_jquery:如果你想你的博客页面某些部分引起读者的注意,你可以使这些部分震动,如广告,今天这篇文章将介绍怎样使你的页面中的元素震动起来。要达到这个目的我们需要使用到Jquery和Jquery UI。 首先让我创建一个震动块,可以是图片,也可以是普通的dom元素,如di
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top