阅读更多

8顶
0踩

Web前端

原创新闻 9 款实用的 jQuery/CSS3 插件推荐

2013-12-02 14:39 by 见习编辑 html5_dev 评论(9) 有12858人浏览
今天要向大家分享9款非常给力的jQuery/CSS3经典插件,插件包括CSS3图片特效、jQuery动画菜单、jQuery时尚登录表单等,一起来看看这些jQuery插件,希望大家喜欢。

1. CSS3图片重力感应特效

这是一款应用重力感应的CSS3图片特效,点击“START”即可开始模拟重力感应,同时甩动图片还可以看到更酷的图片效果。





在线演示 / 源码下载

2. jQuery圆盘抽奖特效

这又是一款jQuery圆盘抽奖插件,点击中间“点击抽奖”按钮即可开始抽奖,这款抽奖插件可以在抽奖结束后显示抽奖结果。





在线演示 / 源码下载

3. 很可爱的CSS3动画下拉菜单

这款CSS3下拉菜单样式非常新颖,每一个菜单项有一个非常可爱的小图标,鼠标滑过小图标时即可展开二级菜单项。





在线演示 / 源码下载

4. jQuery样式切换器插件switcher

这是一款基于jQuery的在线样式切换插件,可以切换背景颜色和背景图片,效果很出色。





在线演示 / 源码下载

5. jQuery网上商城左侧分类下拉菜单

很多网上商城的商品种类繁多,商城会在左侧展示一个纵向下拉菜单,这款下拉菜单非常大气。





在线演示 / 源码下载

6. jQuery弹出层登录和全屏注册表单

这是一款很漂亮的jQuery登录和注册表单,点击登录时弹出一个登录窗口并伴随动画效果,注册页面则是全屏显示,非常时尚的jQuery表单。





在线演示 / 源码下载

7. jQuery/CSS3响应式全屏焦点图

这是一款基于jQuery和CSS3的相应式焦点图,该焦点图是全屏展示的,切换时播放多种绚丽的动画效果。





在线演示 / 源码下载

8. jQuery多条件筛选插件代码

这是一款基于jQuery的多条件查询插件,可以选择日期、单选框、多选框、文本框等。





在线演示 / 源码下载

9. jQuery带小图标Tab选项卡插件

这是一款竖向Tab jQuery插件,该Tab的插件的特点不仅可以竖向展示,而且Tab选项卡带有漂亮的小图标。





在线演示 / 源码下载
  • 大小: 67.5 KB
  • 大小: 23 KB
  • 大小: 22.8 KB
  • 大小: 45.3 KB
  • 大小: 24.3 KB
  • 大小: 66.1 KB
  • 大小: 42.1 KB
  • 大小: 77.6 KB
  • 大小: 70.8 KB
来自: Codeceo
8
0
评论 共 9 条 请登录后发表评论
9 楼 yima1006 2014-02-10 15:29
1. CSS3图片重力感应特效 在火狐浏览器下有BUG
8 楼 栾城飘雪 2013-12-15 20:13
这几个前段的效果很炫不错  谢谢分享
7 楼 huangsky 2013-12-03 18:03
抽奖的那个我喜欢,够炫
6 楼 plp12321 2013-12-03 15:33
挺不错,谢谢。
5 楼 string2020 2013-12-03 09:48
求一个宽下拉框的的插件或CSS样式
4 楼 sxwgf0003 2013-12-03 09:34
真心不错哦
3 楼 nomandia 2013-12-03 08:47
5、7不错!很值得使用
2 楼 sxwgf001 2013-12-02 15:30
谢谢分享
1 楼 tuhaihe 2013-12-02 15:13
推荐的这几个灰常不错。

发表评论

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

相关推荐

  • mysql基于PHP下的大学生校园交流论坛的设计与实现 毕业设计源码101634

    与此同时,这将给学校以及在校生的工作和学习生活带来了极大的便利。 众所周知,我们所见的大多数的校园交流论坛都是用PHP 技术实现的,而基于Thinkphp的论坛较少。Redis所开发的PHP为平台,利用PHP跨平台型一次...

  • (附源码)基于PHP下的大学生校园交流论坛的设计与实现 毕业设计101634

    与此同时,这将给学校以及在校生的工作和学习生活带来了极大的便利。 众所周知,我们所见的大多数的校园交流论坛都是用PHP 技术实现的,而基于Thinkphp的论坛较少。Redis所开发的PHP为平台,利用PHP跨平台型一次编译...

  • Dell Inspiron 14R-N4041笔记本硬盘损坏更换手记

    Dell Inspiron 14R-N4041笔记本硬盘损坏更换手记

  • 计算机各按键的名称,电脑键盘各键名称及功能 电脑键盘上每个键的作用-笑语冰蝉...

    电脑键盘功用表示图:各个区中各键称号:各键功用:PageDown:向下翻页键。Page,页的意思,Down,向下的意思。和Pageup键相响应。条记本键盘上的Fn键也是一个上档键,能够跟其余一些按键,组分解一些功用键。F7:在...

  • 计算机管理哪个是主板驱动,请问一下这里面哪个是主板驱动?

    2005-07-14大家请指教,谢谢!任务NPC地点:魔力暑期活动员[70.84]打到水晶地点:魔:灵堂、狗洞、海底、索奇亚沙漠武术仙人掌处力:昭三、冰洞、沙漠之祠(沙庙)、雪山宝:深绿、布郎山新道、雷姆尔山、贝尼...

  • 《经 典 文 章 大 赏》

    《经 典 文 章 大 赏》 1.老师普通话说的不好,有一回老师听写,我坐第一排专注的听着老师发音。老师读:“嫌犯”,我立刻在笔记本写上“咸饭”。老师不小心瞄到我的笔记本,但又不忍让我难堪,就提高音量:“嫌疑犯”...

  • 这篇 Java 基础,我吹不动了

    Hey guys,这里是程序员cxuan,欢迎你收看我最新一期的文章,这篇文章我补充了一些关于《Java基础核心总结》的内容,修改了部分错别字和语句不通顺的地方,并且对内部类、泛型等内容进行了一定的补充,并且我在文章...

  • 预防电脑前久坐损耗眼睛,巧用Win7帮忙设置定时提醒

    大伙的工作都离不开电脑,但在电脑前久坐容易对腰椎、颈椎、眼睛、肩膀、手腕都产生难以逆转的损耗,转一个帖子,教大家如何...点击打开初看这个界面感觉好像有些复杂,但真正操作起来也并非如此,还是不难的。接下来

  • 明翰经验系列之恋爱篇V5.6(持续更新)

    文章内容较多,干货较多,请耐心阅读,或者先收藏再阅读,本文禁止转载。 本来是写成一个专栏的,后来想想,毕竟是技术博客,还是稍微低调一些吧, 于是,就有了这篇超级超级超级无敌无敌无敌长长长的文章。。。...

  • 程序员,别了校园入了江湖

    刚过去不久的七月,火辣辣的热,在这份热辣中却也有一份略显冰凉的愁绪。一批刚毕业的学生刚告别了校园,进入了职场,一个新的江湖。这次来到我所在公司的同学,不说全部,至少百分之九十五都会成为一名新入行的...

  • CSDN前1000名博主

    此博内容全为自己的笔记,是写给自己看的,如果看客觉得有用,不用客气,觉得没用,也不要咒骂,抱怨,更不要找我要代码,毕竟我不是专门写给你看的… 中国 积累是一个漫长的过程,它足以可以让你写出N本书的内 ...

  • 推荐CSDN排名前1000博主

    学无止境,三人行必有我师,把这几年收藏的文章都晒出来,大家共享吧!向原创者致敬!察而知不足,严谨,求真,务实;网络收藏夹… 北京 海淀区 null CSDN资讯 排名:18 ...

  • 背完这999句,你的口语绝对不成问题了(转)

    118. Well,it depends 噢,这得看情况。 119. We're all for it. 我们全都同意。 120. What a good deal! 真便宜! 121. What should I do? 我该怎么办? 122. You asked for it! 你自讨苦吃! 123. You have ...

  • 萨达撒 这篇 Java 基础,我吹不动了

    Hey guys,欢迎你收看我最新一期的文章,这篇文章我补充了一些关于《Java基础核心总结》的内容,修改了部分错别字和语句不通顺的地方,并且对内部类、泛型等内容进行了一定的补充,并且我在文章有些地方给出了一些...

  • 日语核心单词下

    巧克力 ちょっけい【直径】 (名) 直径 ちょっと (副)①稍微,一点儿②一会儿,暂时③(后与否定语呼应)(不)大容易,(不)太……,难以…… ちらかる【散らかる】 (自五) 零乱,散乱,乱七八糟 ■ つ ...

  • 只有运用你的逻辑才能看懂其中的恐怖及答案

    你妈妈她有了别的男人,想要抛弃你离开这个家,所以我跟她大吵了一架,失手杀了她……”说完已是潸潸泪下。 我并没有去警察那检举爸爸的打算,而打算就这样跟爸爸相依为命。 正打算回房换个衣服,却在房间内发现撕...

  • 哲理故事300篇 下

    哲理故事300篇 下

  • 人工智能革命(下):永生还是毁灭

    导读:本系列文章讲述了人工智能革命的爆发以及人类未来的出路,由于篇幅较长分为上下两篇,原...本文由知乎大V@谢熊猫君翻译,在此特别感谢!原文地址:The AI Revolution: Our Immortality or Extinction=======...

  • 1基于蓝牙的项目开发--蓝牙温度监测器.docx

    1基于蓝牙的项目开发--蓝牙温度监测器.docx

  • AppDynamics:性能瓶颈识别与优化.docx

    AppDynamics:性能瓶颈识别与优化

Global site tag (gtag.js) - Google Analytics