jQuery/CSS3图片特效插件整理推荐

1.CSS3实现的底部带滚动云彩效果的网站登录页面

CSS3实现的底部带滚动云彩效果的网站登录页面特效源码，是一段实现页面底部拥有滚动云彩动态效果的特效源码，想要在网站中实现此类效果的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。

在线演示

源码下载

2.HTML5实现的3D球体斑点运动动画特效源码

这是一个很酷的HTML5 3D动画效果，是一个小球，小球表面出现跳动的斑点，斑点跳动时形成各种各样的形状，其实这款动画并不是正宗的HTML5 3D动画，而是利用这些小斑点组合的各种形状造成的3D视觉效果。

在线演示

源码下载

3.基于js实现的鼠标拖动滑块左右滑动效果

js鼠标拖动滑块左右滑动代码是一款js滑动条事件制作打分效果代码，加载速度更快，内存占用更低，使用更加简便。

在线演示

源码下载

4.html5基于canvas实现的漫天飞雪动画特效

html5基于canvas实现的漫天飞雪动画特效源码，加载速度更快，内存占用更低，使用更加简便。

在线演示

源码下载

5.jQuery平板样式的焦点图动画插件

这款焦点图插件还有一个特点是有左右图片切换按钮，并且按钮出现渐隐渐现的动画特效，可以让用户很容易找到切换图片的地方。整体效果华丽大气，是一款非常优秀的特效源码。

在线演示

源码下载

6.jquery实现的固定位置下拉隐藏上拉显示悬浮导航菜单特效

一段可以实现任何位置，鼠标上拉显示固定位置悬浮导航菜单，下拉隐藏固定位置悬浮导航菜单的代码，此段代码适合在一些需要提示的地方使用。

在线演示

源码下载

7.jquery实现的改图网橙黄色左侧弹出二级导航菜单

一段利用jquery+div+css实现的，与改图网一样的橙黄色左侧弹出二级导航菜单代码，颜色内容什么的都是可以修改的。

在线演示

源码下载

8.jquery实现的选项卡式友情链接切换特效

jquery实现的选项卡式友情链接切换特效源码，是一段主要应用在网站尾部的友情链接代码，该段代码一个拥有选项卡切换效果的源码。

在线演示

源码下载

9.很酷的CSS3翻页时钟动画特效

今天我们来分享一款风格独特的时钟特效源码，这款CSS3时钟动画是一款数字时钟，时间每过一秒，相应的位置就会像翻日历一样翻过去。另外，这款CSS3数字时钟有点立体的效果，非常漂亮。整体效果华丽大气。

在线演示

源码下载

10.HTML5+CSS3实现3D旋转陀螺动画特效

这次我要向大家分享一款很有创意的HTML5/CSS3动画特效，它是一个可以旋转的3D陀螺动画。这个动画和之前分享的HTML5动画类似，主要也是利用了CSS3的transform属性，让物体旋转起来，同时对translateZ赋值实现左右摇摆的动画，让整个陀螺旋转非常逼真。建议使用支持HTML5与css3的火狐或谷歌等浏览器预览本源码。

在线演示

源码下载

赞 (0)

相关推荐

  • Jquery+CSS3实现一款简洁大气带滑动效果的弹出层

    Jquery+CSS3实现一款简洁大气带滑动效果的弹出层

    此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层,应用范围很广泛,比如用在消息提示.弹出层显示内容.弹出层登录等,带遮罩效果,虽然没有封装成插件,但使用起来也非常简单,宽度和高度直接调样式. 包含了以下功能: 1.弹出层 2.带关闭按钮 3.遮罩层效果 4.从上向下滑动显示 5.点击层外面任何地方关闭 6.绑定控制按钮 7.内容过多自动显示滚动条 如果不满足大家的要求,自己可以二次开发哦 效果如下: 在线演示

  • 7款风格新颖的jQuery/CSS3菜单导航分享

    7款风格新颖的jQuery/CSS3菜单导航分享

    一款优秀的菜单对网站而言是非常重要的,它不仅可以让用户方便地找到想要的信息,而且更让人有一种特殊的用户体验.下面给大家分享7款风格新颖的jQuery/CSS3菜单导航,希望大家会喜欢. 1.CSS3立体飘带状菜单 CSS3立体飘带状菜单,该菜单鼠标滑过时,菜单项向上立体凸起,结合黑色的木质背景,整个菜单显得非常立体生动. 在线演示 /源码下载 2.CSS3个人资料导航菜单 该菜单是用来展示登录的用户信息,包括用户的快捷操作按钮,另外菜单还提供一个个性化的搜索框. 在线演示 /源码下载 3.jQu

  • jquery和css3实现的炫酷时尚的菜单导航

    jquery和css3实现的炫酷时尚的菜单导航

    今天为大家带来的是jquery和css3实现的不错的导航菜单.点击列表图表后,内容页面向内移动显示菜单项.当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位.看下图 源码下载 我们看下实现代码: html代码: <div style="position: relative; height: 400px; width: 825px; margin: auto;"> <div class="contener"> <div id="c

  • css3元素简单的闪烁效果实现(html5 jquery)

    css3 Animation: 复制代码 代码如下: @-webkit-keyframes twinkling{    /*透明度由0到1*/    0%{       opacity:0; /*透明度为0*/     }    100%{       opacity:1; /*透明度为1*/ }  } Jquery : 复制代码 代码如下: $(element).css({"-webkit-animation":"twinkling 1s infinite ease-in-

  • jQuery Animation实现CSS3动画示例介绍

    jQuery Animation的工作原理是通过将元素的CSS样式从一个状态改变为另一个状态.CSS属性值是逐渐改变的,这样就可以创建动画效果.只有数字值可创建动画(比如 "margin:30px").字符串值无法创建动画(比如 "background-color:red").详细用法请参考jQuery 效果 - animate()方法和官方教程. 像CSS3好多效果因为不是数值的,所以是没有办法直接通过animate()方法实现的.如translate(), ro

  • CSS3,HTML5和jQuery搜索框集锦

    CSS3,HTML5和jQuery搜索框集锦

    添加搜素框或网站搜索功能是为了方便用户能够轻松.快捷地找到自己需要的信息.因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一.添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地浏览. 脉动的CSS3输入搜索框 输入搜索框带有边框和类似脉冲的阴影跳动. 纯CSS的建议搜索框 这是一个使用纯CSS构建扩展建议搜索框的简单教程. CSS的扩大搜索框 扩大搜索框是一个点击或输入东西时会变宽的一个简单搜索框. 使用CSS转换扩大搜索栏 我们将利用CSS转换扩展了的搜索栏.搜索栏最初

  • 7款吸引人眼球的jQuery/CSS3特效实例分享

    7款吸引人眼球的jQuery/CSS3特效实例分享

    作为WEB前端开发者,jQuery和CSS3肯定用得也比较多,那么下面就分享一些由jQuery和CSS3制作成的特效,希望大家会喜欢. 1.基于jQuery和CSS3的圆盘抽奖 这个小程序可以让你在网站上轻松的添加一个抽奖应用,应用是基于jQuery和CSS3开发的,圆盘抽奖很好玩的哦,你抽中了什么? 在线演示 /源码下载 2.纯CSS3实现的点击发光按钮特效 这款按钮时基于纯CSS3实现的,当用户点击按钮的瞬间,按钮四周会发出淡淡的白光效果,是一款非常有特色的按钮. 在线演示 /源码下载 3.

  • 基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)

    基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)

    废话不多说了,先给大家展示下效果图,感兴趣的朋友继续往下看 哦 查看演示       源码下载 HTML 和上一篇文章:使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构,只是多了个>date用来展示日期和星期的. <div id="clock" class="light"> <div class="display"> <div class="date"></

  • 6款新颖的jQuery和CSS3进度条插件推荐

    6款新颖的jQuery和CSS3进度条插件推荐

    现在的网页功能越来越多,尤其是AJAX的广泛应用,进度条和Loading加载动画显得越来越重要了.下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件,希望对大家有帮助. 1.不同进度显示不同颜色的进度条 这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似. 2.纯CSS3实现的彩色进度条 该进度条利用了CSS3的颜色渐变属性,让进度条的色彩显得非常具有立体感. 3.jQuery Progress

  • jquery+css3打造一款ajax分页插件(自写)

    jquery+css3打造一款ajax分页插件(自写)

    最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了,遂重写一个 支持IE6+,但没有动画效果 如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="text/javascript"> var

随机推荐