添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

jQuery+CSS3进度条特效代码

时间:2015-01-22      来源:互联网     
特效说明:
一款jQuery+CSS3进度条网页特效,功能基于jQuery插件编写,CSS3美化样式,同时兼容IE6+等不支持CSS3样式版本浏览器功能使用。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="stylesheets/ui.css">
<link rel="stylesheet" href="stylesheets/ui.progress-bar.css">

2、调用JS插件代码:
<script src="javascripts/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="javascripts/progress.js" type="text/javascript" charset="utf-8"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • 纯CSS3实现iOS7风格进度条

    纯CSS3实现iOS7风格进度条

    一款纯CSS3实现iOS7风格进度条网页特效,该Loading动画条基于CSS3编写,颜色绚丽多彩。……
    2015-02-16
  • CSS3实现进度条自动轮播幻灯片特效

    CSS3实现进度条自动轮播幻灯片特效

    一款CSS3实现进度条自动轮播幻灯片特效,该特效代码基于CSS3编写,效果柔和、流畅随着进度条动画自动轮播。……
    2015-02-04
  • jQuery模拟原生态App上拉刷新下拉加载效果代码

    jQuery模拟原生态App上拉刷新下拉加载效果代码

    一款jQuery模拟原生态App上拉刷新下拉加载效果代码网页特效,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用。……
    2015-01-17
  • Js/jQuery制作Loading动画网页特效

    Js/jQuery制作Loading动画网页特效

    Js/jQuery制作Loading动画网页特效,简单的Loading特效应用,可以美化网站延迟加载给用户带来的烦躁情绪。虽然很简单,但是很实用,利用jQuery编写,网页代码编写简单。兼容所有主流浏览……
    2013-10-01

最新更新特效

设计分享