0
点赞
收藏
分享

微信扫一扫

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

船长_Kevin 2022-10-19 阅读 164

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

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

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

3.​​Fancy Box​​:魔幻盒 

4.​​Scrollable​​:滚动特效

 

 

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

 

6.​​Smart tooltips​​:智能提示

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

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

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

 

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

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

11.​​Blockster transition effect​​:Blockster过渡特效

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

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

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

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

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

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

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

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

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

20.​​A jQuery Twitter Ticker​​:Twitter Ticker教程

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

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

23.​​Image Wall with jQuery​​:图片墙

24.​​jQuery look: Tim Van Damme​​

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

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

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

26.​​Nivo Slider​​Nivo幻灯片教程

27.​​Coin Slider​​:硬币式幻灯片

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

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

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

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

32.​​Slider Gallery​​:滑块画廊

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

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

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

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

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

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

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

作者:沐雪 文章均系作者原创或翻译,如有错误不妥之处,欢迎各位批评指正。本文版权归作者有,如需转载恳请注明。
​​​ 为之网-热爱软件编程 http://www.weizhi.cc/​​



举报

相关推荐

0 条评论