【jQuery】 jQuery上下飘动效果

jQuery实现图片上下飘动效果

function moveRocket() {
    $(".smallShip")
            //2000毫秒内top = top + 60;
            .animate({ ‘top‘: ‘+=60‘ }, 2000)
            //停顿100毫秒
            .delay(100)
            //2000好秒内top = top - 60,注意:之后每100毫秒执行一次本函数
            .animate({ ‘top‘: ‘-=60‘ }, 2000, function () {
                setTimeout(moveRocket, 100);
            });
};
moveRocket();

注意:之后每100毫秒执行一次本函数

源:http://www.lanrenzhijia.com/pic/926.html

时间: 2025-02-01 20:01:41

【jQuery】 jQuery上下飘动效果的相关文章

jQuery 随滚动条滚动效果 (适用于内容页长文章)

直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的. 好吧,昨天写了这个东西,jQuery滚动随动区块,代码如下: //侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollOut = $('.cookie-list'); //隐藏rollStart之后的区块 rollStart.before('<div class="da_rollbox">

jQuery 随滚动条滚动效果 (固定版)

//侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollSet = $('.search,.weibo,.group,.feed-mail,.tags'); //添加rollStart之前的随动区块 rollStart.before('<div class="da_rollbox" style="position:fixed;background-color:#fff;width:inherit;"

如何使用jQuery实现隔行变色效果

如何使用jQuery实现隔行变色效果:隔行变色效果在网站有大量应用,尤其是在类似新闻列表这样的功能,对于行与行之间的区分有很大的好处,也提高了网站的人性化程度,虽然是个小功能,但是网站的流量都是从这样的小功能点点滴滴积累起来的.此效果可以使用CSS实现,但是由于现有浏览器对于CSS3支持度还不够好,所以使用js或者jQuery是不错的选择,下面就介绍一下如何使用jQuery实现此种效果.代码实例如下: 1 <!DOCTYPE html> 2 <html> 3 <head>

jquery 使用下拉效果的实现

解析xml内容 灵活应用 如果用xx是xml串 ,数据类型则为string 如果获取字符串的长度 用xx.length 如果xml有空的可,解析xml分开可以避免为空时报错 如: var retobj = $(xx).find("SinAssocationRes"); 然后 if(retobj) { retobj.each(function(){ var Ad=$(this).attr("Address"); var Po=$(this).attr("Po

【前端】用jQuery实现瀑布流效果

jQuery实现瀑布流效果 何为瀑布流: 瀑布流,又称瀑布流式布局.是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部.最早采用此布局的网站是Pinterest,逐渐在国内流行开来.国内大多数清新站基本为这类风格. 瀑布流的应用: 瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不

jquery+NHibernate的分页效果

目录结构 先设计数据表结构 DROP SEQUENCE BDLLY_2V.SEQ_CUSTOMER; CREATE SEQUENCE BDLLY_2V.SEQ_CUSTOMER START WITH 6 MAXVALUE 999999999999999999999999999 MINVALUE 0 NOCYCLE NOCACHE NOORDER; DROP TABLE BDLLY_2V.CUSTOMER CASCADE CONSTRAINTS; CREATE TABLE Customer ( C

jQuery小盒子菜单效果

jQuery小盒子菜单效果 程序吧推荐下载,小盒子方式菜单,效果酷毙了... jQuery小盒子菜单效果,布布扣,bubuko.com

利用jQuery实现回收站删除效果

jQuery是一款非常强大的Javascript脚本库,我们开发者喜欢jQuery的原因除了它代码简洁外,更多的是因为jQuery插件非常丰富.今天我们用一个示例来解说jQuery是如何实现拖拽的. 利用jQuery实现拖拽非常简单,我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素.今天我们就利用jQuery的这一特性来实现一个拖拽删除桌面小图标的功能,就像操作系统的回收站一样,我们只需要拖动应用图标至垃圾箱即可删除这个图标,具体可以看下面的DEMO演示. 大家也可

分享jQuery的精美相册效果

废话不多说,先上图 query实现相册特效代码,运行加载的时候拥有进度条,效果炫酷,支持多种图片排列方式 引入脚本和css:     <link rel="stylesheet" type="text/css" media="screen" href="css/uvumi-gallery.css" />     <script type="text/javascript" src=&quo