阅读更多

7顶
1踩

Web前端

原创新闻 7 个超酷的 CSS3/jQuery 特效源码

2013-01-05 10:11 by 见习编辑 html5_dev 评论(3) 有7720人浏览
jQuery是一个使用广泛的JS框架,利用jQuery提供的接口我们可以完成非常实用的功能,而且步骤很简单。CSS3作为最近兴起的技术标准,又能给网页增添不少绚丽的效果。那么我们来看看jQuery结合CSS3都能实现哪些效果,希望大家收藏。

1、jQuery/CSS3 3D 滚动效果

这是一款非常酷的3D滚动效果,利用jQuery和CSS3实现。



在线演示 / 源码下载

2、jQuery/CSS3产品图片展示插件

这是一款基于jQuery和CSS3的产品图片展示插件,非常适合企业类的网站使用。



在线演示 / 源码下载

3、jQuery书本翻页效果jFlip

jFlip是一款基于jQuery的书本翻页效果,非常不错。



在线演示 / 源码下载

4、jQuery模拟书本翻页

这又是一款利用jQuery打造而成的模拟书本翻页效果的插件。



在线演示 / 源码下载

5、Arctext.js

Arctext.js 是基于 Lettering.js 的文字旋转插件,根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。



在线演示 / 源码下载

6、jcoverflip

jcoverflip可以拖动滑杆来水平播放图片,十分流畅。



在线演示 / 源码下载

7、Flexslider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目中轻松创建漂亮的内容滚动效果。



在线演示 / 源码下载

以上就是7款非常有用的jQuery和CSS3实例及源码,相信能帮到大家。

原文链接
7
1
评论 共 3 条 请登录后发表评论
3 楼 青青雨露 2013-04-24 11:31
   怎么不能在线演示
2 楼 hgq030603 2013-01-24 22:28
第4个那个貌似中文显示不出来啊
1 楼 cuisuqiang 2013-01-06 10:45
第一个为什么只看到了广告?

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery和CSS3超酷3D堆叠式幻灯片特效源码.zip

    本特效源码是一款基于jQuery和CSS3插件hubSlider实现的超酷3D堆叠式幻灯片的代码。该幻灯片将各个slide堆叠在一起,利用jquery,CSS3 transforms和transitions来制作上下切换的堆叠幻灯片效果。本代码适用浏览器:...

  • Emacs基本快捷键

    C表示Ctrl键,M表示Alt键或者META键。C-x表示同时按下Ctrl和x键。 C-x C-c表示一个组合,这是关闭emacs的会话。 C-g 表示取消命令。 C-v:整个屏幕下一页 M-v:整个屏幕上一页 C-l:清屏,然后重新显示所有的文字,当前光标所在的行会在屏幕的中心 C-l C-l:当前行称为屏幕上第一行 C-p:上一行,p相当于previous C-n:下一行,n相当于next C...

  • Emacs使用c-mode

    进入emacs 后,输入M-x然后输入C-mode即进入C模式。 C 模式下将会有“自动缩进显示”、“注释”、“预处理扩展”、“自动状态”等强大功能。还可以通过按【Tab】键来重新产生缩进, 使代码结构清晰、美观。在默认模式下,emacs 将遵循编码标准的GUN 风格。下面将对emacs 的几个功能进行简单介绍。 在 emacs 的C 模式下,输入“M-:”命令就可以使编译器产生一个

  • Emacs-053-使用C-c C-v C-x组合键

    Emacs-053-使用C-cC-v C-x组合键 这几组组合键的功能叫做CUA,也是我刚刚学到的一个名称。这跟Windows下面的操作十分一致,其实也跟Mac下的部分功能一致。 Emacs中有一个GUI配置的方式能够简单实现这个功能,具体修改如下: 只要把上面CUA相关的项目打钩即可,如果希望以后的操作全都起作用,那么就要把相应的操作保存到.emacs文件中。 接下来重新启动

  • emacs中的Ctrl+c、Ctrl+v、Ctrl+x

    keyboard:Go to the beginning of the region and hit Ctrl-space. Go to the end, and type Ctrl-w to cut or Meta-w to copy. Go to the destination, and type Ctrl-y to paste.

  • Emacs 快速入门指南

    Emacs 快速指南.(查看版权声明请至本文末尾)【注意:位于【】之间的内容是译注,比如本行,下同。】Emacs 键盘命令通常包含 CONTROL 键(有时候以 CTRL 或 CTL 来标示)和 META 键(有时候用 EDIT 或 ALT 来标示)。为了避免每次都要写出全名,我们 约定使用下述缩写:C- 表示当输入字符 时按住 CONTROL 键。 因此 C-f 就表

  • 7个超酷的CSS3和jQuery特效源码

    jQuery是一个使用广泛的JS框架,利用jQuery提供的接口我们可以完成非常实用的功能,而且步骤很简单。CSS3作为最近兴起的技术标准,又能给网页增添不少绚丽的效果。那么我们来看看jQuery结合CSS3都能实现哪些效果,...

  • 超酷jQuery环形按钮菜单特效源码.zip

    超酷jQuery环形按钮菜单特效源码.zip

  • jQuery结合CSS3实现的超酷3D多层图片鼠标跟随视觉差互动特效源码.zip

    jQuery结合CSS3实现的超酷3D多层图片鼠标跟随视觉差互动特效源码.zip

  • 基于jQuery+CSS3实现超酷的动画Tab菜单效果源码.zip

    基于jQuery+CSS3实现超酷的动画Tab菜单效果源码.zip

  • Emacs 游戏彩蛋——游戏玩法介绍

    Emacs 内置了很多小游戏,可以参考 https://www.emacswiki.org/emacs/CategoryGames 下面将持续介绍这些游戏的玩法。 pong 使用 M-x pong 进入,画面如下: 玩法: 4 6 控制左边上下移动,上下 控制右边移动。中间有个红色的球,大概就是接住球。是个双人游戏。 ...

  • emacs快速入门

    移动 C-v 向前移动一屏M-v 向后移动一屏C-l 重绘屏幕,并将光标所在行置于屏幕的中央C-f 向右移动一个字符 C-b 向左移动一个字符M-f 向右移动一个词【对中文是移动到下一个标点符号】 M-b 向左移动一个词【对中文是移动到上一个标点符号】C-n 移动到下一行 C-p 移动到上一行C-a 移动到行首

  • Emacs自带小游戏(二十六)

    acs中的游戏 M-x tetris 俄罗斯方块 M-x gomoku 五子棋游戏 M-x mpuz 填数字游戏 M-x snake 贪吃蛇游戏

  • 学习Emacs系列教程

    emacs最简单入门,只要10分钟    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44...

  • Emacs快速入门

    Emacs快速入门 Ubuntu初安装时,其时是有emacs图形界面和emacs终端界面两个快捷方式的。你只需要用鼠标点击就可以进入相应的模式。 不过如果你真心开始想用emacs,相信会有更便捷的方式,比如在终端输入emacs -nw,我们可以查emacs的帮助文档来看一眼这个-nw参数是什么意思(--no-window-system, -nw),如下 打开emacs的帮助文档:emacs ...

  • 分享8款最新超酷HTML5/CSS3特效及源码

    这次我们整理了8款最新的HTML5/CSS3特效及源码,这些特效包括HTML5文字特效、HTML5焦点图特效、CSS3/HTML5进度条特效等类型,一起来看看吧。 1、CSS3/jQuery全屏立体焦点图 时尚大气 jQuery是一个非常流行的...

  • 20 个超酷的 HTML5/CSS3 应用及源码

    [导读] 1、HTML5视频破碎重组特效,强大视觉冲击HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一...

  • 8款最新超酷HTML5/CSS3特效及源码

    1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript框架,今天我们要分享一款基于jQuery和CSS3的焦点图动画,该jQuery焦点图插件是全屏立体的效果,看上去非常时尚和大气。而且,焦点图...

  • 超酷体验 绚丽的jQuery和CSS3应用插件

    今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。 1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部...

  • 7个最新jQuery/HTML5应用及源码下载

    这是一款基于jQuery和CSS3的动画Tab菜单,这款Tab菜单是以单选框Radio为原型的,通过CSS3样式特性对radio的渲染,形成了一个外观看上去像tab菜单的样子。另外特别的是,tab菜单在切换时内容页还会出现淡入淡出的动画...

Global site tag (gtag.js) - Google Analytics