39个超实用jQuery实例应用特效

摘要:程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站,当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程,快来试试,让你的页面炫起来!

1.Contextual Slideout:上下文滑动特效

39个超实用jQuery实例应用特效

2.Revealing Photo Slider:图片幻灯片特效

39个超实用jQuery实例应用特效

3.Fancy Box:魔幻盒 

39个超实用jQuery实例应用特效

4.Scrollable:滚动特效

39个超实用jQuery实例应用特效 

 

5.Flip翻转特效,实现4个方向旋转

39个超实用jQuery实例应用特效 

6.Smart tooltips:智能提示

39个超实用jQuery实例应用特效

7.Slide tab box:幻灯片选项卡

39个超实用jQuery实例应用特效

8.Tabbed Interface/Tabbed Structure Menu:选项卡式接口和菜单

39个超实用jQuery实例应用特效

9.jQuery plugin: Easy Accordion:可以让自定义列表(DTs)轻松生成一个漂亮光滑的水平Accordion插件

39个超实用jQuery实例应用特效

 

10.Animate Panning Slideshow with jQuery平移幻灯片

这是一个教大家使用jQuery实现动画平移幻灯片效果的教程,学习该教程需要下载 easing animationstiming slide changes这两个插件。

39个超实用jQuery实例应用特效

11.Blockster transition effect:Blockster过渡特效

Blockster是JavaScript里面一款非常有特色展示过度效果的应用,其核心概念就是块与块之间的过渡。

39个超实用jQuery实例应用特效

12.Making a Custom YouTube Video Player:定制个性化的YouTube视频播放器

39个超实用jQuery实例应用特效

13.Sexy Drop Down Menu with jQuery :迷你下拉菜单教程

39个超实用jQuery实例应用特效

14.Building a jQuery Image Scroller:构建卷条式图片

39个超实用jQuery实例应用特效

15.Custom Animation Banner with jQuery:动画广告图教程

39个超实用jQuery实例应用特效

16.Full Page Image Gallery with jQuery:制作页面画廊

39个超实用jQuery实例应用特效

17.Randomizer App with jQuery随机数产生器

39个超实用jQuery实例应用特效

18.Animated Drop Down Menu with jQuery:动画下拉菜单

39个超实用jQuery实例应用特效

19.Making an Interactive Picture with jQuery:制作交互式图片

39个超实用jQuery实例应用特效

20.A jQuery Twitter Ticker:Twitter Ticker教程

39个超实用jQuery实例应用特效

21.jQSlickWrap:可以让文字环绕在漂浮图片周围的jQuery插件

39个超实用jQuery实例应用特效

22.Animated Text and Icon Menu with jQuery:制作动画文本和图标菜单

39个超实用jQuery实例应用特效

23.Image Wall with jQuery:图片墙

39个超实用jQuery实例应用特效

24.jQuery look: Tim Van Damme

Tim的两个核心是简化版的Accordion和悬浮效果。值得注意的是,悬浮效果只能在WebKit(Safari和Chrome)上工作,本教程的关键是教你如何利用jQuery制作产生这一特效。

39个超实用jQuery实例应用特效

25.How to Load In and Animate Content with jQuery:内容自动加载

在本教程中,会添加ajax函数,用户无需导航即可把内容自动加载到容器中。

39个超实用jQuery实例应用特效

26.Nivo SliderNivo幻灯片教程

39个超实用jQuery实例应用特效

27.Coin Slider:硬币式幻灯片

39个超实用jQuery实例应用特效

28.HTML5 and jQuery Techniques to Build a Webpage:使用HTML5和jQuery创建网页

39个超实用jQuery实例应用特效

29.Latest Post Blogroll Slider with jQuery and PHP使用jQueryPHP创建友情链接幻灯片

39个超实用jQuery实例应用特效

30.Making a Photoshoot Effect With jQuery & CSS图片拍摄特效

39个超实用jQuery实例应用特效

31.Coding a Rotating Image Slideshow w/ CSS3 and jQuery:旋转图片幻灯片

39个超实用jQuery实例应用特效

32.Slider Gallery:滑块画廊

39个超实用jQuery实例应用特效

33.Making Better Select Elements with jQuery and CSS3:使用jQuery和CSS3制作更好的选择元素

39个超实用jQuery实例应用特效

34.Jquery Tutorial : Toggle Effect on Hover/Click:切换特效

39个超实用jQuery实例应用特效

35.Creating an Animated 404 Page:动感的404

39个超实用jQuery实例应用特效

36.Create Smooth Rotatable Images with CSS3 and jQuery:制作平滑可旋转图像特效

39个超实用jQuery实例应用特效

37.Neon Text Effect With jQuery & CSS霓虹灯文字

39个超实用jQuery实例应用特效

38.Bubbleriffic Image Gallery with jQuery:Bubbleriffic图片库

39个超实用jQuery实例应用特效

39.Animated Portfolio Gallery with jQuery:动态画廊

39个超实用jQuery实例应用特效

来自:DesignRex

上一篇:手机日期插件jquery mobiscroll 实例


下一篇:十分钟玩转 jQuery、实例大全