jQuery超炫酷按钮插件及源码

现在大部分网页的按钮都是经过美化的,那些原始的浏览器按钮太过于枯燥乏味,让用户失去和网站交互的兴趣。早期我们都是通过背景图片来美化网页按钮,而现在我们可以利用扩展性更好的CSS3来制作漂亮的网页按钮,本文是jQuery/CSS3按钮系列插件的第一篇,希望大家会喜欢。

超可爱的CSS3 3D按钮

这款CSS3按钮相当具有创意,它的外观很独特,非常适合个性化的个人博客上,可以用来制作评论提交按钮或者简单的交互行为按钮,个人非常喜欢它。

DEMO演示        源码下载

纯CSS3实现分享按钮

这些CSS3分享按钮涵盖了国外大部分的社交网站分享按钮,你可以选择其中几个应用到自己的英文网站上去。

DEMO演示        源码下载

CSS3灰色3D按钮组合

这款按钮组合可以有大尺寸和小尺寸按钮,鼠标滑过按钮时就会改变按钮的背景色,让其有发光的立体效果。

DEMO演示        源码下载

纯CSS3实现Metro风格的图标按钮

这款CSS3图标是Metro风格的,外观非常清新漂亮。同时,当鼠标滑过图标是,还会在图标上方滑过文字描述,带飞入飞出的动画特效。

DEMO演示        源码下载

CSS3自定义Radiobox按钮样式

DEMO演示        源码下载

HTML5/CSS3社会化分享按钮

这款分享按钮外观样式非常漂亮,按钮的色彩也比较华丽自然,这款基于HTML5的分享按钮提供两种样式,一种是图标式按钮,另一种则是图标结合文字的按钮样式。

DEMO演示        源码下载

上面的这些CSS3按钮都还不错,欢迎关注jQuery/CSS3经典按钮系列插件的第二篇。

时间: 2024-10-06 07:55:41

jQuery超炫酷按钮插件及源码的相关文章

8个超炫酷仿HTML5动画源码

1.jQuery万年历插件 带农历老皇历功能 这是一款基于jQuery的日历插件,这款日历插件和之前分享的日历控件有很大差异,它是一本万年历,包含了农历已经老皇历的功能,是一个挑好日子的工具.同时日历还可以查看本年度的放假安排,功能非常强大.有兴趣的朋友可以下载学习. 在线演示 源码下载 2.CSS3发光进度条动画 超炫酷的样式 这次我们要来分享一款非常炫酷的CSS3进度条动画,其样式风格类似于星球大战里面的那些激光剑效果.页面初始化时,可以设定进度条的值,但是我们也可以利用其配套的借口来动态改

8款炫酷的HTML5特效源码

HTML5的强大不仅在于可以让网页元素更加灵活多变,更在于它可以很方便的实现网页动画的特效,可以让你的网站更加富有现代化特色.今天,小编就给大家分享8个让人难忘的HTML5炫酷动画~ 1.HTML5 Canvas火焰闪烁动画 火焰跟随鼠标(特效展示)(源码下载) 该款动画是基于Canvas,火焰上下窜动的效果非常逼真,而且火焰可以跟随鼠标移动,是一款非常酷炫的HTML5 Canvas动画. 2.HTML5/CSS3圆盘秒表动画 秒表可暂停计时(特效展示)(源码下载) 一款基于HTML5和CSS3

分享超炫的爱的纪念日源码

在一个网站上看到的.扒下来分享了,使用HTML5和javascript制作的不支持古董浏览器,背景音乐自己更换,文字内容可以更换,反正什么都能换,只要你愿意,只要不搞残废了. 下载地址: 爱的纪念日网页源码

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

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

jQuery和CSS3炫酷按钮点击波特效

这是一款效果非常炫酷的jQuery和CSS3炫酷按钮点击波特效.该特效当用户在菜单按钮上点击的时候,从鼠标点击的点开始,会有一道光波以改点为原点向外辐射的动画效果,非常绚丽. 在线演示:http://www.htmleaf.com/Demo/201503151527.html 下载地址:http://www.htmleaf.com/jQuery/Buttons-Icons/201503151526.html

转:精美jQuery插件及源码 前端开发福利

原文来自于:http://www.html5tricks.com/pretty-jquery-plugin.html jQuery是一个非常不错的javascript框架,很多前端开发者喜欢的原因不仅是因为jQuery使用起来方便,更重要的是因为它的插件很多,我们可以将这些插件应用到自己的项目中去.下面这些精美的jQuery插件提供源代码下载,希望对你有所帮助. 1.jQuery自定义下拉框选择列表 5款炫酷样式 这是一款基于jQuery的自定义下拉框选择列表插件,利用这款jQuery插件我们可

一款基于jquery超炫的弹出层提示消息

今天给大家带来一款基于jquery超炫的弹出层提示消息.这款实例页面初始时,一个go按钮.当单击go按钮时,提示强出层以动画形式出现.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class='b'> </div> <div class='bb'> </div> <button id='go'> GO </button> <div class='message'> <div class

一款基于jquery超炫的图片切换特效

今天为给大家介绍一款基于jquery超炫的图片切换特效.由百叶窗飞入显示图片.图片消息的时候也是百叶窗渐行渐远.用于图片展示,效果还是非常好,我们一起看下效果图: 在线预览   源码下载 来看下实现的代码.注意了,这里有引用jquery和underscore插件. html代码: <div class="wrap"> <div class="box active" style="background-image: url(img/1.jp

一款基jquery超炫的动画导航菜单

今天给大家分享一款基jquery超炫的动画导航菜单.这款导航菜单,初始时页面中间一个按钮,单击按钮,菜单从左侧飞入页中.再次单击按钮,导航飞入左侧消息.动画效果很非常炫.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <ul> <li><a href="http://www.w2bc.com">First</a></li> <li><a href="http://www.w2