jQuery横向竖向进度条特效.zip资源-CSDN文库

共14个文件

woff2：5个

css：3个

js：2个

网页特效

jQuery特效

CSS特效

JavaScript特效

139 浏览量 2023-10-05 23:33:23 上传评论收藏 180KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery横向竖向进度条特效.zip （14个子文件）

jiaoben8799

index.html 2KB

static

font

1Ptug8zYS_SKggPNyCAIT5lu.woff2 26KB

icomoon.woff 1KB

1Ptug8zYS_SKggPNyCIIT5lu.woff2 11KB

1Ptug8zYS_SKggPNyCMIT5lu.woff2 30KB

icomoon.eot 2KB

1Ptug8zYS_SKggPNyC0ITw.woff2 46KB

1Ptug8zYS_SKggPNyCkIT5lu.woff2 25KB

icomoon.ttf 1KB

jquery.min.js 91KB

jqmeter.min.js 3KB

css

default.css 6KB

normalize.css 2KB

css.css 5KB

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery简单实用的轻量级进度条插件</title> <link rel="stylesheet" type="text/css" href="static/css/normalize.css"> <link rel="stylesheet" type="text/css" href="static/css/default.css"> <style type="text/css"> #jqmeter-container{width: 300px;height: 50px;margin:0 auto;} #jqmeter-container-vertical{width: 50px;height: 200px;margin:0 auto;} </style> </head> <body> <div class="htmleaf-container"> <div class="htmleaf-content bgcolor-3"> <div id="jqmeter-container"></div> <div id="jqmeter-container-vertical"></div> </div> </div> <script src="static/js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="static/js/jqmeter.min.js"></script> <script type="text/javascript"> $(function(){ $('#jqmeter-container').jQMeter({ goal:'$2,000', raised:'$800', width:'300px', height:'50px' }); $('#jqmeter-container-vertical').jQMeter({ goal:'$1,000', raised:'$800', orientation:'vertical', width:'50px', height:'200px', barColor:'#6699cc' }); }); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈