jquery、css3动态显示百分比圆

动态显示百分圆 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <meta name="description&quo…

原文地址:css3圆形百分比进度条的实现原理今天早上起来在查看jquery插件机制的时候,一不小心点进了css3圆形百分比进度条的相关文章,于是一发不可收拾,开始折腾了... 关于圆形圈的实现,想必用2个圆心相同,半径不同的div即可实现.大圆的颜色即为圆形进度条的底色,小圆的颜色即为中间百分比的遮罩颜色白色,还要加上左右2边一边一个半圆,也就是说总共应该有4个div,一个大圆的div中包含3个div,左右一边半个圆,遮罩div处于最上面. 那这里的一边半个圆怎么实现呢?使用css的clip属…

8款超酷体验的jQuery/CSS3应用插件

1.jQuery/CSS3实现Android Dock菜单效果这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果.jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架. 在线演示源码下载 2.CSS3彩色进度条按百分比显示不同颜色这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样,它可以根据不同的百分比来显示当前进度的颜色,很像游戏中人物生…

9款超酷的jQuery/CSS3插件

Article From here: http://js.itivy.com/?p=1883 1.jQuery向前滑动切换焦点图这款jQuery焦点图非常绚丽,切换图片的时候每张图片是向前滑动的,很有3D立体的感觉. 在线演示 / 源码下载 2.jQuery超炫3D效果焦点图这是一款非常温馨的jQuery焦点图插件,改jQuery插件拥有3D的效果,非常酷. 在线演示 / 源码下载 3.CSS3 Rotate圆环旋转特效这是一款CSS3旋转特效,利用了CSS3的Ro…

jQuery+CSS3文字跑马灯特效

jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向. 效果展示 http://hovertree.com/texiao/jquery/83/ 效果图如下: 完整HTML代码如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http…

jquery css3问卷答题卡翻页动画效果

这个选项调查的特效以选项卡的形式,每答完一道题目自动切换到下一条,颇具特色.使用jQuery和CSS3,适合HTML5浏览器. 效果展示 http://hovertree.com/texiao/jquery/87/ 源码下载:http://hovertree.com/h/bjaf/sym1l16q.htm 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &…

jQuery css3鼠标悬停图片显示遮罩层动画特效

jQuery css3鼠标悬停图片显示遮罩层动画特效效果体验:http://hovertree.com/texiao/jquery/39/ 效果图: 源码下载:http://hovertree.com/h/bjaf/q9ii3dfq.htm 代码如下: <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv=…

使用 jQuery & CSS3 制作美丽的照片画廊

在本教程中,我们将创建一个很好看的照片画廊效果.我们的想法是,以显示专辑作为一个滑块,而当这张专辑被选中,我们将使用一个美丽的照片堆栈展示专辑的图像.在照片堆栈视图,我们可以通过将最上面的图像移动到所有照片后面的方式浏览. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型…

jQuery+css3 弹幕

写了个基于jQuery+css3的弹幕功能,此功能面向手机wap,利用改变位移做弹幕功能会使一些性能低的手机浏览器卡,所以用了css3,此功能不支持非webkit内核浏览器 html部分自己设置样式,定义#danmu 的长宽,区域等 <div id="danmu"></div> js引用 $("#danmu").danmu({ minSpeed : 3000, maxSpeed: 5000, _text : [//不设置color和font…

Image Wall - jQuery & CSS3 图片墙效果

今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果.我们的想法是在页面上洒上一些大小不同的缩略图,并在当我们点击图片时候显示丝带,会显示一些描述,再次点击缩略图时,丝带将关闭并重新打开一个更大的图像预览效果. 在线演示下载源码您可能感兴趣的相关文章充满想象力的 JavaScript 物理和重力实验精选9个值得学习的 HTML5 效果[附源码] 精选12个时尚的 CSS3 效果[附源码下载] 十分惊艳的8个 HTML5 & JavaScript 特效…

学习使用 jQuery & CSS3 制作照片堆栈效果

在这个小实验中,我们使用 jQuery & CSS3 创建了一个交互式的照片堆栈效果.提供了一些模拟现实的互动的可能性给用户.这个想法的思路是:有一些照片在桌面上可以拖放一样,堆放和删除,每个动作类似现实世界的行为. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型…

使用 jQuery & CSS3 实现翻转的作品集滑块

作为 Web 开发人员,我想你一定见过各种各样的图片滑块效果.展示产品或者个人作品的方法有很多,其中之一是使用网格样式的滑块效果.在本教程中,我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果. 效果演示源码下载您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动画插件十分惊艳的8个 HTML5…

jQuery+CSS3实现404背景动画特效

效果:http://hovertree.com/texiao/jquery/74/ 源码下载:http://hovertree.com/h/bjaf/ko0gcgw5.htm 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&…

【特别推荐】8个富有创意的jQuery/CSS3插件

现在的互联网上什么都有,但是真正好的创意却非常稀缺,包括WEB界面也是如此,今天我们要特别推荐8个富有创意的jQuery/CSS3插件,也许这几个插件能让你的WEB界面更加富有创意和人性化. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示 / 源码下载 3.jquery照片拖动删除排序 DEMO演示 / 源码下载 4.仿安卓手机拨号界面按键特效 DEMO演示 / 源码…

14款让前端开发者心动的jQuery/CSS3插件及源码

14款让前端开发者心动的jQuery/CSS3插件及源码,一起来看看. 1.jQuery左右滚动banner代码! DEMO演示 / 源码下载 2.jQuery QQ表情插件qqFace DEMO演示 / 源码下载 3.JackBox 插件下载效果演示 4.HTML5/CSS3 3D立体功能按钮超酷CSS3按钮在线演示源码下载 5.非常优秀的一款基于 jQuery 的响应式 Lightbox 效果插件插件下载效果演示 6.CSS3…

分享7款非常实用的jQuery/CSS3插件演示和源码

上次我们分享了15款效果很酷的最新jQuery/CSS3特效,非常不错,今天要分享7个非常实用的jQuery/CSS3插件演示和源码,一起来看看. 1.jQuery ajax点击地图显示商家网点分布 DEMO演示 / 源码下载 2.纯CSS3实现的3D小盒子动画可自定义旋转角度 DEMO演示 / 源码下载 3.jquery仿微信聊天对话窗口愚人节福利啊 DEMO演示 / 源码下载 4.HTML5 Canvas图表应用RGraph 图表功能非常强大前几天我…

15款效果很酷的最新jQuery/CSS3特效

很久没来博客园发表文章了,今天就分享15款效果很酷的最新jQuery/CSS3特效,废话不说,一起来看看吧. 1.3D图片上下翻牌切换一款基于jQuery+CSS3实现的3D图片上下翻牌切换效果,支持按钮切换和鼠标滚动切换,也能自动切换 DEMO演示源码下载 2.jquery实现的横向平滑移动轮播切换效果 jquery横向平滑移动轮播切换效果是一款依次错位排列的多张图片通过运动依次展示的效果,兼容firefox.chrome和ie6.7.8等主流浏览器 DEMO演示 …

11款样式新颖的 jQuery/CSS3 网页菜单

今天为大家准备了11款样式风格挺不错的jQuery/CSS3网页菜单,主要包括面包屑菜单.下拉菜单.Tab菜单等,喜欢的朋友赶紧收藏,一起来看看这些菜单. 1.jQuery / CSS3多功能下拉菜单带分享和搜索功能这是一款非常不错的jQuery/CSS3菜单,该菜单有多级下拉菜单.分享按钮.搜索框等功能,是一款非常实用的菜单插件. 在线演示 / 源码下载 2.CSS3动画下拉菜单带动画图标利用CSS3可以制作很多精美的下拉菜单,而且这些菜单一般都会有挺不错的下拉动画.利用C…

新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】

新鲜出炉的30个精美的 jQuery & CSS3 效果[附演示和教程] 作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,而 CSS3 作为 CSS 的下一个版本,增加了圆角.旋转.阴影等强大的特性,甚至还可以实现需要 JavaScript 才能实现的复杂动画效果.这篇文章特别收集了2012年新鲜出炉的30个精美 jQuery & CSS3 效果,帮助 Web 开发…

40免费的 jQuery & CSS3 图片热点特效

jQuery CSS3 形象悬停效果可能是一个优秀的网站项目中添加的效果.这个特殊的收集是大约50个 jQuery CSS3 形象徘徊影响最近出版的.这些图像悬停效果可以作为一个有效的和创造性的方式添加专业和优雅的设计和效果你最新 CSS3 的工具. 对于你们中那些不知道,jQuery 基本上是一个跨平台的 JavaScript 库.这是为了简单的 HTML 和脚本的设计在2006年1月被释放.jQuery 中使用超过65%的来自世界各地的最常访问的网站,因此,它是安全的假设为网站创造了奇迹.…

10 款提高开发效率的 jQuery/CSS3 组件

前端开发是一项十分繁琐而又耗体力的工作,如何更有效率的开发我们的应用,很多人会选择适当地使用一些jQuery插件.今天就要给大家分享10款可以提高开发效率的jQuery/CSS3组件.部分插件可以下载源码. 1.jQuery图片切换多种过渡效果这是一款非常绚丽的jQuery图片切换播放插件,图片切换时,拥有几种不同的过渡效果,而且这几种过渡效果是随机出现的.整个jQuery图片播放插件外观也十分大气,图片播放效果流畅. 演示地址 / 源码下载 2.jQuery带事件记录的多功能日历…

9款风格华丽的jQuery/CSS3插件

今天向大家分享9款效果相当不错的jQuery/CSS3插件,不多说,直接来看看这些插件吧. 1.jQuery动画下拉菜单Smart Menu 这是一款基于jQuery的动画下拉菜单,子菜单外观比较时尚,鼠标移到菜单上时即可弹出漂亮的子菜单. 在线演示 / 源码下载 2.jQuery滑杆改变页面和文字大小我们可以滑动滑杆来调整页面窗口和文字的大小,滑杆在滑动中十分流畅,窗口大小也随着动态改变. 在线演示 / 源码下载 3.NotifIt jQuery动画通知Tip插件 N…

19款绚丽实用的jQuery/CSS3侧边栏菜单

jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载菜单源代码. 1.jQuery 3D 垂直多级菜单可筛选菜单项这是一款手风琴样式的垂直多级菜单,其特点是利用CSS3特性让菜单外观显得3D立体的效果,同时你也可以在搜索框中输入关键字来筛选菜单项. 在线演示源码下…

jQuery/CSS3大屏下拉菜单自定义子菜单内容

这是一款样式很酷的jQuery/CSS3下拉菜单,首先这款CSS3菜单是宽屏的,主要是下拉菜单非常大气,更重要的是,下拉菜单的内容可以自己定义,也就是说,下拉菜单中可以定义菜单.图片等HTML元素,是一款非常实用的jQuery/CSS3下拉菜单插件. 在线预览源码下载…

js+jquery+css3

(原生js+jquery+css3) 前言项目需求要弄个瀑布流的页面,用的是waterfall这个插件,感觉还是可以的,项目赶就没自己的动手写.最近闲来没事,就自己写个.大致思路理清楚,还是挺好实现的... 原生javascript版 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀑布流-javascript&l…

大爱jQuery，10美女模特有用jQuery/CSS3插入（集成点免费下载）

整合下载地址:http://download.csdn.net/detail/yangwei19680827/7343001 jQuery真的是一款非常犀利的Javascript框架,利用jQuery我们能够做出非常多非常酷并且有用的应用插件,我真的非常爱jQuery.以下的这10款jQuery插件你也一定会喜欢的. 1.jquery鼠标悬停变暗突出显示特效 jquery鼠标悬停变暗突出显示特效是一款效果很棒的jquery带开关灯效果的jquery相冊插件Album 在线演示 / 源…

JQuery+CSS3实现封装弹出登录框效果

原文:JQuery+CSS3实现封装弹出登录框效果上次发了一篇使用Javascript来实现弹出层的效果,这次刚好用了JQuery来实现,所以顺便记录一下: 因为这次使用了Bootstrap来做一个项目,但是由于不使用Bootstrap自带的JS插件,所以这个弹出登录框就自己实现封装来调用,做出来的效果其实和Bootstrap自带的效果差不多.OK,看一下效果图: 其实很简单,首先是html结构: <div id="mask"></div> <!-- 半…

打造简易可扩展的jQuery/CSS3 Tab菜单

原文:打造简易可扩展的jQuery/CSS3 Tab菜单今天我们利用jQuery和CSS3来打造一款简易而且扩展性强的Tab菜单,这款Tab菜单在切换时也有滑块的效果,先来看看效果图: 由与Tab菜单比较假单,你也可以用CSS代码定制你自己需要的外观. 我们可以在这里看到这款Tab菜单的DEMO演示. 看完演示,再来解读一下这款Tab菜单的源代码,主要由CSS代码和jQuery代码两块. 先是上简单的HTML代码: <figure class="tabBlock"> &l…

jquery+css3打造一款ajax分页插件

原文:[原创]jquery+css3打造一款ajax分页插件最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便 <script type="tex…

近20个绚丽实用的jQuery/CSS3侧边栏菜单（转载）

http://developer.51cto.com/art/201510/493530.htm 近20个绚丽实用的jQuery/CSS3侧边栏菜单 jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下载菜单源代码. 作者:佚名来源:码农网|2015-10-10 14…

【jquery、css3动态显示百分比圆】的更多相关文章