6款精美jQuery源码插件及源码

1.简洁的纯css3代码实现的动画导航

今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。

在线演示

源码下载

2.CSS3 制作网站面包屑导航效果

作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构，让他们可以方便的导航到上一层页面。在本教程中，您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。

在线演示

源码下载

3.基jquery超炫的动画导航菜单

今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单，初始时页面中间一个按钮，单击按钮，菜单从左侧飞入页中。再次单击按钮，导航飞入左侧消息。动画效果很非常炫。

在线演示

源码下载

4.基于jquery固定于顶部的导航

今天给大家分享一款基于jquery固定于顶部的导航，这款导航当浏览器滚动条位于顶部时，导航高度较高，当浏览器滚动向下滚动时，导航高度自动减低，并位于顶部。

在线演示

源码下载

5.jquery响应式图片页面组合特效

jquery响应式图片页面组合特效,当鼠标经过图片后，图片标题会从底部匀速渐变滑出，点击图片后相应的图片内容会向下展开。

在线演示

源码下载

6.简单的自定义固定导航栏特效

分享一款简单的自定义固定导航栏特效，它你可以让你自由选择导航栏固定的位置，无需多余的设置，直接用就好，调用代码如下。

在线演示

源码下载

时间： 2024-08-28 15:43:42

6款精美jQuery源码插件及源码的相关文章

10款基于JQuery实现的web前端源码预览

1.优秀的响应式 jQuery 滑块插件 iView Slider 是一款优秀的 jQuery 滑动插件,用于实现文本.图片.视频等各种网页内容的滑动功能.iView Slider 支持响应式布局,能够很好的运行于触屏设备中.iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果.iView Slider 提供了三种不同形式的加载进度条形式,以生动直观的方式告诉用户下一个滑块还有多久时间加载.iView Slider 依赖于

7款基于jquery实现web前端的源码特效

1.css3代码实现超炫加载动画 今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效. 在线演示 源码下载 2.6款不同颜色风格的上传jQuery+css3表单 这是一个6款不同风格的上传表单,基于jquery+css3制作的炫酷样式!很适合文件和图片上传. 在线演示 源码下载 3.jQuery打造的一款炫酷的顶部弹出表单特效 jQuery打造的一款炫酷的顶部弹出表单特效!点击按钮会弹出一个表单信息发送页面!带有抖动的jQuery特效! 在线演示 源码下载 4.国外两款不同的jQuery

分享web前端十款经典jquery特效预览及源码下载

1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效.首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了. 在线演示 源码下载 2.HTML5仿Apple Watch时钟动画 Apple Watch刚刚发布不久,就已经有国外的大牛将其时钟表盘界面用HTML5模仿出来了,并且这款HTML5仿Apple Watch的时钟是动态的,可以根据本地时间实

jQuery扩展与插件--附源码分析

扩展与插件 1. 编写JQuery插件 <script> $.extend(object) //为JQuery 添加一个静态方法. $.fn.extend(object) //为JQuery实例添加一个方法. jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, max: function(a, b) { return a > b ? a : b; } }); console.log($.min(3,4));

三款精美的html5及css3的源码插件

1.HTML5 3D爱心动画 晚来的七夕礼物 七夕情人节刚过,今天小编却在国外的网站上看到一个利用HTML5和CSS3制作的3D爱心动画,莫非老外也过七夕?当然小编还是将这款HTML5 3D爱心动画收藏了起来,虽是晚来的七夕礼物,但还是可以讲这款爱心动画留到明年七夕再用嘛.大家可以点解DEMO来看看. 在线演示 源码下载 2.jQuery可拖拽删除小图标回收站 利用jQuery实现拖拽非常简单,我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素.今天我们就利用jQue

分享8款最新HTML5/CSS3功能插件及源码下载

1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 2.CSS3带Tooltip的按钮 按钮绿色清新 该按钮带有Tooltip功能,鼠标滑过按钮时即可显示Tooltip,另外按钮还有一个漂亮的图标.这款CSS3按钮整体是绿色清新风格,非常不错. 在线演示 源码下载 3.HTML5/CSS3制作Safari Logo 指针动画很炫 这款Logo动画,它

一款基于jQuery的分页插件

特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/mao2080/ 1.效果示例 2.代码样式 /* * 基于jquery 分页插件 * by [email protected] */ $(function (){ window.pageUtil = { /** * 构建分页 * @param {Object} divId 要绑定的容器 * @pa

两款基于Jquery的图表插件

一.EasyPieChart 页面加载时,运行initPieChart()函数,调用easyPieChart()函数,显示出图表. 代码: var initPieChart = function() { $('.percentage').easyPieChart({ animate: 1000 }); $('.percentage-light').easyPieChart({ barColor: function(percent) { percent /= 100; return "rgb(&q

超炫酷的jQuery/HTML5应用效果及源码

jQuery非常强大,我们之前也用jQuery分享过很多实用的插件.HTML5可以让网页变得更加绚丽多彩,将HTML5和jQuery结合使用那将发挥更棒的效果. 今天向大家收集了一些关于HTML5和jQuery的应用及其源码,一起来看看. HTML5动感的火焰燃烧动画特效 这又是一款基于HTML5的超炫动画特效,是一款动感的火焰燃烧动画效果.这款HTML5动画火焰燃烧非常逼真. 核心jQuery代码: $( document ).ready(function() { // Set canvas