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

4顶
0踩

Web前端

原创新闻 7 款灵巧实用的 CSS3/jQuery 工具

2012-12-03 09:41 by 见习编辑 html5_dev 评论(0) 有4643人浏览
css jquery html5

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

作为Web前端开发者，应该对jQuery比较熟悉，对免费开源的jQuery也用的非常多。但是随着CSS3标准的诞生和发展，很多jQuery插件也都纷纷应用了CSS3新标准，也因此让插件有更好的展示效果和用户体验。下面收集了几款灵巧实用的jQuery和CSS3插件工具，尤其是第一个滚动条你很可能会用到。

1、jQuery自定义滚动条

你还在用浏览器自带的滚动条吗？如果你想给你的用户不一样的感觉，可以试试这款插件来自定义滚动条。



在线演示 / 源码下载

2、jQuery / CSS3图片翻转效果

这是一款利用jQuery和CSS3实现的图片翻转效果。



在线演示 / 源码下载

3、CSS3图片反弹效果

这是一款非常不错的图片展示插件，当图片展示在网页中时，会出现反弹的效果，挺酷。



在线演示 / 源码下载

4、jQuery / CSS3手风琴图片相册

很清新的CSS3手风琴图片相册，动画效果还不错。



在线演示 / 源码下载

5、360度图片旋转插件



在线演示 / 源码下载

6、用CSS3绘制的MAC



在线演示 / 源码下载

7、HTML5模拟瀑布动画效果

这个逼真的瀑布可是用HTML5制作的，不是视频哦。



在线演示
4
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

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

相关推荐

  • 7 款灵巧实用的 CSS3 和 jQuery 插件工具

    http://www.oschina.net/news/35343/7-css3-and-jquery-plugins

  • 7款灵巧实用的CSS3和jQuery插件工具

    作为WEB开发前端开发者，大部分应该对...下面收集了几款灵巧实用的jQuery和CSS3插件工具，尤其是第一个滚动条你很可能会用到。 1、jQuery自定义滚动条 你还在用浏览器自带的滚动条吗？如果你想给你的用户不一...

  • 素材下载在线分享9款设计巧妙的jQuery/CSS3网页应用

     如何让平凡的网页变的活泼富有活力，如何让操纵干燥而又繁琐的网页变得巧妙而人性化，相信上面9款计划巧妙的jQuery/CSS3网页应用可以帮你建立一个富有生气的网站，同时浏览它们的代码可以帮你晋升前端计划能力。...

  • jQuery

    系列文章目录 例如：第三章 jQuery学习记录 第一节 jQuery初步认知 javascript概念 基于Js语言的API和语法组织逻辑，通过内置window和document对象，来操作内存...轻量级、体积小，使用灵巧(只需引入一个js文件) 强大

  • jQuery学习笔记

    1.jQuery的概念、2.jQuery的引入、3.jQueryDom和原生dom的相互转换、4.原生的延迟加载、5.jQuery基础选择器、6.jQueryDom元素的遍历、7.文本、8.事件、9.简单动画、10.自定义动画、11.jQueryDom属性操作（读写）、12...

  • jQuery 总结

    JQuery的基本规范

  • jquery ajax get6,jquery Ajax get（）/post()

    jQuery 的attr（）与css（）的区别 attr是attribute的缩写,意思是标签属性. css是,样式,意思是元素的style样式的 我的理解是: attr是操作元素的 属性 css是操作元素的 style属性 前者可以修改&l ... 前端与后端的...

  • JSday18—jQuery

    1.jQuery简介： jQuery是一个兼容多浏览器的javascript库（函数库）。jQuery就是JavaScript和查询（Query），即是辅助javascrip开发的库。 2.jQuery的特点： jQuery 是一个快速的简洁的javascript框架，可以...

  • jQuery框架-1.jQuery基础知识

    jQuery简介 jQuery，顾名思义是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程且兼容多浏览器的jav...

  • jQuery入门及常用API

    jQuery入门 jQuery 是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。 1>提供了强大的功能函数 2>解决浏览器兼容性问题 3>纠正错误的脚本知识 4>体积小...

  • jQuery笔记总结篇

    首先，来了解一下jQuery学习的整体思路 XMind源文件提供参考下载[Jquery笔记–复制图片地址到浏览器打开放大查看] 第一节 jQuery初步认知jQuery概述 JQuery概念javascript概念 基于Js语言的API和语法组织逻辑，通过...

  • web前端知识点总结html，css，js，vue，react/面试题会经常问到

    一阶段 1.网络中使用最多的图片格式有哪些 gif 支持动画，只有全透明和不透明两种模式，...2.请简述css盒子模型 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（pa

  • java ppt html5_使用HTML5和CSS3来创建幻灯片

    译者：蒋宇捷(转载请标明出处-http://blog.csdn.net/hfahe)下载源文件 示例(用向左向右键翻页，Ctrl加+或者-键放大缩小)我曾经尝试过许多种软件来创建幻灯片，但是为什么不使用我们已经熟悉的工具，而是去学习另外一...

  • node-v10.22.0-darwin-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • 基于JAVA的物流管理系统的源码设计与实现.zip

    毕业设计物流管理系统的设计与实现（Java版本） 采用Struts2+hibernate+Oracle10g+Tomcat 涉及车辆管理，配送点管理，运输方式管理，订单管理，员工管理，用户管理，部门管理，权限管理，角色管理等基础管理功能。

  • 基于VB+access实现的成绩分析统计系统(论文+源代码).zip

    基于VB+access实现的成绩分析统计系统(论文+源代码) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。

  • node-v10.14.2-linux-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • ASP+ACCESS网上购物系统设计(源代码+设计说明书+调研报告).zip

    ASP+ACCESS网上购物系统设计(源代码+设计说明书+调研报告).zip

  • AO工艺设计计算(全).xls

    污水处理计算书

Global site tag (gtag.js) - Google Analytics