资讯频道 → Web前端
阅读更多

5顶
0踩

Web前端

原创新闻 10款设计精巧的jQuery/CSS3插件

2014-01-20 09:56 by 见习编辑 html5_dev 评论(6) 有42520人浏览
jquery css

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

jQuery结合CSS3可以创造无数精美实用的插件，今天要分享10款设计精巧的jQuery/CSS3插件，希望你能用得上，一起来看看吧。

1、jQuery+CSS右上角撕裂广告效果

右上角弹出的广告，不会影响用户体验，广告效果又好。





在线演示 / 源码下载

2、jQuery图片筛选排序动画效果

这款jQuery插件可以让你对一些图片重新排列，你可以按分类筛选然后按文件名排序。





在线演示 / 源码下载

3、响应式便捷jquery菜单导航

这款jQuery下拉菜单非常酷，菜单在加载时会出现加载提示，菜单的各个下拉菜单项都可以自定义，功能非常强大。





在线演示 / 源码下载

4、Redactor-jQuery在线网页编辑器

Redactor是一款基于jQuery的在线可视化编辑器，Redactor编辑器的外观十分清爽，也可以满足基本的网页编辑功能，可以自定义扩展jQuery编辑器。





在线演示 / 源码下载

5、jQuery样式切换器插件switcher

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





在线演示 / 源码下载

6、jQuery圆形进度条倒计时插件

这是一款非常有创意的jQuery倒计时插件，圆形的倒计时UI，时间走动时，圆形的圆弧随着走动，是一款挺具特色的jQuery倒计时插件。





在线演示 / 源码下载

7、jQuery鼠标滑过替换原图

这种效果在很多购物网站上你都能看到，原始图片是产品品牌logo，当鼠标滑过时，即替换成具体产品图片。





在线演示 / 源码下载

8、jQuery仿淘宝网商品属性多条件查询

这是一款jQuery的商品属性多条件查询插件，和淘宝商城的条件查询类似，可以多条件查询，也可以删除某一个条件。





在线演示 / 源码下载

9、jQuery侧边弹出联系表单

这是一款基于jQuery的联系表单，该表单隐藏在页面侧边，点击Contact按钮时即可从侧边展开表单。





在线演示 / 源码下载

10、jQuery可折叠展开的竖向菜单导航

这是一款可折叠展开的菜单导航，纵向排列，基于jQuery，鼠标滑过菜单文字偏移动画，非常实用。





在线演示 / 源码下载

以上就是10款设计精巧的jQuery/CSS3插件，由网页素材大全网站整理发布，内容来自网络，欢迎收藏。转载请注明原文链接：http://js.itivy.com/?p=1546
  • 大小: 14.2 KB
  • 大小: 49.8 KB
  • 大小: 60.8 KB
  • 大小: 12.1 KB
  • 大小: 22 KB
  • 大小: 17.3 KB
  • 大小: 50 KB
  • 大小: 29.8 KB
  • 大小: 27.1 KB
  • 大小: 15.6 KB
5
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 zhangbaocheng 2014-01-21 13:25
太帅啦，收藏
5 楼 中水一方 2014-01-21 10:34
确实漂亮精致
4 楼 fanlei77 2014-01-21 10:09
每个都很实用啊，非常感谢
3 楼 html5_dev 2014-01-21 10:06
感谢大家的支持
2 楼 sxwgf0003 2014-01-21 09:48
非常漂亮，赞一个
1 楼 sxwgf001 2014-01-20 14:49
很好的jQuery资源

发表评论

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

相关推荐

  • 8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸

    昨天我收集了8款效果给力的HTML5/CSS3应用插件，有一些HTML5动画非常绚丽，也有一些CSS3按钮比较实用，感兴趣的朋友都看看吧。 1、HTML5/CSS3实现笑脸动画 非常可爱 关于纯CSS3绘制的人物我们在之前就分享过一些了，...

  • 10款设计独特的jQuery/CSS3应用插件

     http://js.itivy.com/?p=1829

  • jquery插件库-jquery华丽的css3滚动.zip

    jquery插件库-jquery华丽的css3滚动.zip

  • jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果.zip

    有兴趣刚需的可以自己下载，非常实用的特效代码，可以完美运行，有能力的还可以二次修改！

  • jquery插件库-css3打造的动画菜单.zip

    jquery插件库-css3打造的动画菜单.zip

  • jquery插件库-CSS3垂直手风琴折叠菜单.zip

    jquery插件库-CSS3垂直手风琴折叠菜单.zip

  • jquery插件库-html5+css3发光文字.zip

    jquery插件库-html5+css3发光文字.zip

  • jQuery和CSS3超炫联系方式表单美化插件

    这是一款效果非常精美炫酷的jQuery和CSS3联系方式表单美化插件。大多数网站上都有让用户填写的联系方式表单，一个设计良好的表单能够大大的提升用户的体验度。该表单美化插件在原生HTML表单的基础上进行加工，并使用...

  • jQuery和css3实用登陆注册表单插件

    这是一款非常实用的jQuery和css3登陆注册表单插件。该登陆注册表单以扁平化风格设计，美观大方，并且该插件自带有表单非空项检测，当有选项未填时自动阻止提交表单。

  • jQuery和CSS3响应式轮播插件jcSlider.zip

    jQuery和CSS3响应式轮播插件jcSlider.zip

  • jQuery_CSS3适应手机端的Tab菜单页面切换插件.zip

    今天给大家分享一款设计和精致的jQuery Tab页面切换插件，它的样式风格与传统的Tab切换不同，首先Tab标签使用的是小图标模式，就像一个按钮一样。另外，在切换tab时，tab标签的样式也很有特点，是一个凸起的弧形，给...

  • jQuery和CSS3精美时钟插件

    这是一款jQuery和CSS3精美时钟插件。该插件使用简单，易于扩展，采用响应式设计，可以制作出非常逼真的时钟效果。

  • jQuery和CSS3超酷3D立方体轮播图效果插件.zip

    jQuery和CSS3超酷3D立方体轮播图效果插件.zip

  • 带CSS3过渡动画效果的jQueryTabs选项卡插件

    jQueryTab是一款带CSS3过渡动画效果的jQuery Tabs选项卡插件。它是轻量级插件，使用简单，采用响应式设计，并支持多种CSS3动画过渡效果。

  • 基于javaweb的图书管理系统毕业设计源码+数据库，前端由HTML/CSS/JavaScript编写，后端由javaEE编写

    1.前端页面基于HTML、CSS、JavaScript构建，使用了boostrap4、Vue2.x、jquery库/框架 2.后端基于HttpServlet构建 使用说明 javaEE版本为8，Tomcat版本为8.5.72 本项目用户、管理员存在于同一个端口和虚拟路径，请...

  • 基于jQuery+CSS3实现拼图效果的相册插件源码.zip

    基于jQuery+CSS3实现拼图效果的相册插件源码.zip

  • 基于单片机的科学型计算器设计(51+1602+KEY40)#0067

    包括：源程序工程文件、Proteus仿真工程文件、配套技术手册等 1、采用51/52单片机作为主控芯片； 2、采用1602液晶显示； 3、采用5*8矩阵键盘输入； 4、功能键包括：复位键(RST)，回删键(DEL)，确定键(OK)，第二功能切换(2U)，背光灯键(LED)； 5、运算均为单精度浮点数，包括： 加(+)，减(-)，乘(x)，除(÷)， e底指数(e^n)，N次方(x^n)，开N次方(sqrt)， 正弦(sin)，余弦(cos)，正切(tan)， 对数(log)， 阶乘(n!)(n<35）， 排列(Arn)， 累加(∑)， *开启第二功能(2U)后可用： 反正弦(asin)，反余弦(acos)，反正切(atan)， 组合(Crn)

  • 基于三菱FX2N PLC的机械手控制系统设计与实现

    内容概要：本文详细介绍了如何利用三菱FX2N系列PLC构建机械手控制系统。主要内容涵盖电路图设计、IO表配置、源程序编写以及单机组态。文中提供了具体的梯形图编程实例，展示了如何通过PLC精确控制机械手的各种动作，如抓取、移动和放置。此外，还分享了许多实用的调试技巧和注意事项，强调了传感器状态交叉验证和关键动作的时间守护机制。通过这些内容，读者可以全面了解PLC在机械手控制中的应用。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是对PLC编程和机械手控制感兴趣的初学者和有一定经验的研发人员。 使用场景及目标：适用于需要设计和实施机械手控制系统的工业场合，帮助工程师掌握PLC编程技巧，提高机械手控制系统的稳定性和可靠性。 其他说明：文章不仅提供理论指导，还包括大量实战代码和调试经验，有助于读者快速上手并在实践中不断优化系统性能。

  • 豆包生成美女的AI提示词基于豆包平台的美女图像生成提示词

    内容概要：本文档提供了用于生成具有时尚性感元素的美女跳舞图像的提示词指南。文档内容包括角色设定为擅长描绘时尚与超现实主义图片的创作者，背景设定强调女性形象，偏好展现性感漂亮女孩的镜头表达。目标在于根据用户指令创作三幅统一风格的图像，注重色彩搭配和高清效果，同时确保每张图片都具备半身像、真实感和电影效果的特点。文档还给出了具体的输出示例，详细描述了人物形象、服装搭配以及场景布置等要素，旨在为用户提供满意的图像生成服务。; 适合人群：对图像生成感兴趣，尤其是喜欢带有时尚性感元素的美女图像的用户。; 使用场景及目标：①根据用户提供的简单场景信息（如户外或室内）生成三幅不同场景但风格统一的赛博朋克风格美女跳舞图像；②确保生成的图像符合特定的要求，如半身像、真实感、电影效果、性感服装、特定灯光效果等；③通过询问用户对生成图像的满意度来保证服务质量。; 其他说明：文档明确了图像生成的工作流程，从接收用户指令到根据反馈调整生成内容，确保整个过程高效且满足用户需求。同时，文档还限制了生成图像的具体条件，如场景必须为赛博朋克风格、不能出现鞋子和其他人等，以保证图像的独特性和一致性。

Global site tag (gtag.js) - Google Analytics