jquery插件-交互型网站-首页场景及大图预载-带进场动画-preloader
作者:admin 日期:2014-08-08应用于“图片数量多、体积大”页面的预加载,会给浏览者带来较好的用户体验,尤其是企业LOGO的提前显示,会让网站呈现出更完整的品牌形象。
优点:
1、未加载完成前,正式页面不显示。
2、自定义加载序列、自定义背景颜色变化、背景透明度。
3、参数灵活、调用较丰富,如以下3种加载画面方式。
4、站长dudu加入了时间线动画机制,可在加载原画面基础上,自定义更丰富的JS动画。
5、加载完毕后给出消息,方便自定义调用事件(如消隐掉加载动画、调用新的进场动画等)。
缺点:
- 进度计算,是以图片加载完成的张数(而不是字节数)来计算的,因此加载数字进程看上去不平均。
本测试范例使用的LOGO加载方式,加载过程中,调用了自定义“小光点向上飞行”的动画,为演示方便,只加载了2张大图,加载完成后,即撤去黑底,播放大图动画。
付费100元,可得到完整程序包,含技术文档,及得到站长技术支持。
本站长支付宝帐号:258754@qq.com
长页拖动必备利器-来自于unheap.com的jquery-scrolling中文大全
作者:admin 日期:2013-09-20因为目前手头有一个全屏长画面网站的项目,我想设计成比较流行的长屏+拖动动画形式。于是在网上找插件。unheap.com几乎提供了与拖动有关所有jquery小程序,太赞了!于是我在自己的印象笔记中整理了一下,顺便发布在这里,做为日后自己的一个查找索引,也方便大家来使用。
以下所有内容都来自于unheap的ui-scrolling分支,具体URL是http://www.unheap.com/section/user-interface/scrolling/,如果有翻--墙手段,可能浏览起来更快速一点。unheap只是一个展示索引,各个子程序的说明和下载,都存在各自作者的网站上。
我在下图中做为了说明的,都是我认为比较重要的程序,一些雷同的、作用不大的,就没有做标记了。看图就行了,图的下方, 我把文字说明附加在后,方便大家查找..
jquery让绝对定位(position:absolute)的浮动层水平居中
作者:admin 日期:2013-09-15一般情况下的居中对齐是很简单的情况,但是有时候,图片是放置在一个绝对定位(position:absolute)的层中的。这时候的居中对齐就比较麻烦了。
这个jquery小程序就是用来进行居中运算的。
使用方法是:
1、把这段jq代码放置到页面中;
2、需要居中的层加上 class="fc" ,jq程序代码中会自动把目标层加上 position:absolute属性属性,不需要在CSS中再添加。