您的位置：首页 > 运维架构

动画停止animate动画效果（泪奔的小孩）stop和delay的用法

2013-05-06 20:34 295 查看
在改章节中,我们主要介绍动画停止的内容,自我感觉有个不错的建议和大家分享下

<head>

<title></title>

<script src="jquery-1.9.1.js" type="text/javascript"></script>

<style type="text/css">

img

{

width:150px;

height:200px;

position:relative;

}

td{width:150px;height:200px;}

table{border:solid 1px black;}

</style>

<script type="text/javascript">

$(function () {

$('img').click(function () {

$(this).animate({ left: '+=150px' }, 2000).animate({ left: '+=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate({ left: '+=150px' }, 2000).animate({ left: '+=150px' }, 2000);

})

//停止动画，当一个元素有一个动画队列时，停止的是以后动画，紧接着行执下一个动画

$('#btnStop').click(function () {

$('img').stop();

})

$('#btnYanChi').click(function () {

每日一道理

当浮华给予我们过多欺骗，现实中的虚假几乎让我们忘却了真的存在，是真情唤回了迷离的心，是真情带给了我们最纯、最真的感觉，它流露的是美的誓言，渗透的是永恒执著的真爱。

$('img').delay(2000).hide(2000);

})

})

</script>

</head>

<body>

<table>

<tr>

<td>

<img src="images/泪奔1.gif" />

</td>

<td>

 

</td>

<td>

 

</td>

</tr>

<tr>

<td>

 

</td>

<td>

 

</td>

<td>

 

</td>

</tr>

<tr>

<td>

 

</td>

<td>

 

</td>

<td>

 

</td>

</tr>

</table>

<input id="btnStop" type="button" value="stop" />

<input id="btnYanChi" type="button" value="延迟行执" />

</body>

文章结束给大家分享下程序员的一些笑话语录：

程序语言综述

CLIPPER 程序员不去真的猎捕大象，他们只是购买大象部分的库然后花几年的时间试图综合它们。

DBASE 程序员只在夜间猎捕大象，因为那时没人会注意到他们还在使用石弓。

FOXPRO 程序员开始使用更新更好的步枪，这使他们花掉比实际狩猎更多的时间学习新的射击技术。

C 程序员拒绝直接购买步枪，宁可带着钢管和一个移动式机器车间到非洲，意欲从零开始造一枝完美的步枪。

PARADOX 程序员去非洲时带着好莱坞关于猎捕大象的电影剧本，他们认为照剧本行事就会逮到一头大象。

ACCESS 程序员在没有任何猎象经验的经验下就出发了，他们穿着华丽的猎装、带着全部装备，用漂亮的望远镜找到了大象，然后发觉忘了带扳机。

RBASE 程序员比大象还要稀少，事实上，如果一头大象看到了一个RBASE程序员，对他是个幸运日。

VISUAL ACCESS 程序员装上子弹、举起步枪、瞄准大象，这使大象感到可笑，究竟谁逃跑。他们无法抓住大象，因为由于他们对多重控制的偏爱，他们的吉普车有太多的方向盘因而无法驾驶。

ADA、APL和FORTRAN 程序员与圣诞老人和仙女一样是虚构的。

COBOL 程序员对和自己一样濒临灭绝的大象寄予了深切的同情。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航