博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
39个超实用jQuery实例应用特效
阅读量:6982 次
发布时间:2019-06-27

本文共 841 字,大约阅读时间需要 2 分钟。

hot3.png

1.:上下文滑动特效

Contextual Slideout Tips With jQuery & CSS3

2.:图片幻灯片特效

Revealing Photo Slider

3.:魔幻盒 

Fancy Box

4.:滚动特效

Scrollable 

 

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

Flip 

6.:智能提示

Smart tooltips

7.:幻灯片选项卡

Create slide tab box

8.:选项卡式接口和菜单

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

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

10.平移幻灯片

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

Animate Panning Slideshow with jQuery

11.:Blockster过渡特效

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

Blockster transition effect

12.:定制个性化的YouTube视频播放器

Making a Custom YouTube Video Player

13.:迷你下拉菜单教程

Sexy Drop Down Menu w jQuery

14.:构建卷条式图片

Building a jQuery Image Scroller

15.:动画广告图教程

Custom Animation Banner with jQuery

16.:制作页面画廊

Full Page Image Gallery with jQuery

17.:随机数产生器

Randomizer App w/ jQuery

18.:动画下拉菜单

Animated Drop Down Menu with jQuery

19.:制作交互式图片

Making an Interactive Picture with jQuery

20.:Twitter Ticker教程

A jQuery Twitter Ticker

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

jQSlickWrap

22.:制作动画文本和图标菜单

Animated Text and Icon Menu with jQuery

23.:图片墙

Image Wall with jQuery

24.

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

jQuery look: Tim Van Damme

25.:内容自动加载

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

How to Load In and Animate Content with jQuery

26.:Nivo幻灯片教程

Nivo Slider

27.:硬币式幻灯片

Coin Slider

28.:使用HTML5和jQuery创建网页

HTML5 and jQuery Techniques to Build a Webpage

29.:使用jQueryPHP创建友情链接幻灯片

Latest Post Blogroll Slider with jQuery and PHP

30.图片拍摄特效

Making a Photoshoot Effect With jQuery & CSS

31.:旋转图片幻灯片

Coding a Rotating Image Slideshow w/ CSS3 and jQuery

32.:滑块画廊

Slider Gallery

33.:使用jQuery和CSS3制作更好的选择元素

Making Better Select Elements with jQuery and CSS3

34.:切换特效

Jquery Tutorial : Toggle Effect on Hover/Click

35.:动感的404

Creating an Animated 404 Page

36.:制作平滑可旋转图像特效

Create Smooth Rotatable Images with CSS3 and jQuery

37.霓虹灯文字

Neon Text Effect With jQuery & CSS

38.:Bubbleriffic图片库

Bubbleriffic Image Gallery with jQuery

39.:动态画廊

Animated Portfolio Gallery with jQuery

转载于:https://my.oschina.net/chenlei123/blog/138296

你可能感兴趣的文章
Mac 下搭建环境 homebrew/git/node.js/npm/vsCode...
查看>>
Python(十)之GUI编程
查看>>
基于Docker的redis集群搭建
查看>>
文件分割机
查看>>
[Winform]WebKit.Net使用
查看>>
17 HTTP编程入门
查看>>
Eclipse安装Jetty插件(Web容器)
查看>>
js使用defineProperty的一些坑
查看>>
python 识别验证码
查看>>
【转】android IDE——通过DDMS查看app运行时所占内存情况
查看>>
运维常说的 5个9、4个9、3个9 的可靠性,到底是什么???
查看>>
[SQL] 函数整理(T-SQL 版)
查看>>
Java+大数据开发——HDFS详解
查看>>
.NET Core 使用RabbitMQ
查看>>
ArcGIS AO中控制图层中要素可见状态的总结
查看>>
Win10的UWP之标题栏的返回键(一)
查看>>
LINUX中常用操作命令
查看>>
几种常见随机过程
查看>>
【计算机网络】聊一聊那些常见的网络通信的性能指标
查看>>
mysql5.7 启动报发生系统错误2
查看>>