JQuery资料

  • Z5_900119
    了解作者
  • 1.3MB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-30 08:55
    上传日期
JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料 JQuery资料
JQuery资料.rar
  • JQuery资料
  • jquery.easydrag.handler.beta2.js
    4.8KB
  • 拖拽插件.rar
    24.6KB
  • jquery.alerts-1.1.zip
    7.9KB
  • sample
  • demo2.html
    2KB
  • demo1.html
    881B
  • js
  • jquery.easydrag.handler.beta2.js
    4.8KB
  • jquery-c-1.2.6.min.js
    54.5KB
  • jQuery1.2API.chm
    170.5KB
  • jquery-c-1.2.6.min.js
    54.5KB
  • JQuery.rar
    989.3KB
  • jquery-u-1.2.6.min.js
    97.8KB
  • jquery.progressbar.1.2.zip
    28.2KB
  • jquery.progressbar
  • images
  • progressbg_black.gif
    1.6KB
  • progressbg_green.gif
    1.3KB
  • progressbg_red.gif
    1.3KB
  • progressbg_orange.gif
    1.3KB
  • progressbar.gif
    120B
  • progressbg_yellow.gif
    1.3KB
  • demo.php
    4.1KB
  • js
  • jquery.js
    54.4KB
  • jquery.progressbar.min.js
    2.5KB
  • jquery.progressbar.js
    4.7KB
  • demo.html
    6.4KB
内容介绍
<?php header("Cache-Control: no-cache, must-revalidate"); header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); if (@$_GET['id']) { echo json_encode(uploadprogress_get_info($_GET['id'])); exit(); } $uuid = uniqid(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>jQuery Progress Bar v1.1</title> <link rel="stylesheet" type="text/css" href="demo.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.progressbar.min.js"></script> <script> var progress_key = '<?= $uuid ?>'; $(document).ready(function() { $("#spaceused1").progressBar(); $("#spaceused2").progressBar({ barImage: 'images/progressbg_yellow.gif'} ); $("#spaceused3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} ); $("#spaceused4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} ); $("#uploadprogressbar").progressBar(); }); function showUpload() { $.get("demo.php?id=" + progress_key, function(data) { if (!data) return; var response; eval ("response = " + data); if (!response) return; var percentage = Math.floor(100 * parseInt(response['bytes_uploaded']) / parseInt(response['bytes_total'])); $("#uploadprogressbar").progressBar(percentage); }); setTimeout("showUpload()", 750); } </script> <style> * { padding: 0px; margin: 0px; } body, html { font-family: Helvetica, Arial, Tahoma; font-size: 12px; line-height: 20px; font-color: #444; } a { text-decoration: none; color: #3366cc; } table { border-collapse: collapse; border: 0px; } table tr { vertical-align: top; } table td { padding: 3px; } h2 { font-size: 16px; } pre { border: 1px dashed #ddd; color: #444; background-color: #eee; width: 100%; } #container { width: 80%; margin-left: 10%; margin-top: 30px;} div.contentblock { padding-bottom: 25px; } </style> </head> <body> <div id="container"> <div style="float: right; text-align: right; width: 300px;">download me at <a href="http://t.wits.sg" rel='nofollow' onclick='return false;'>http://t.wits.sg</a></div> <div class="contentblock"> <h2>Progress Bars &amp; Controls</h2> <table> <tr><td>Default Multicolored Bar</td><td><span class="progressBar" id="spaceused1">75%</span></td></tr> <tr><td>Yellow Bar</td><td><span class="progressBar" id="spaceused2">35%</span></td></tr> <tr><td>Orange Bar (No Text)</td><td><span class="progressBar" id="spaceused3">55%</span></td></tr> <tr><td>Red Bar (No Text)</td><td><span class="progressBar" id="spaceused4">85%</span></td></tr> <tr><td>File Upload</td><td> <form action="" method="POST" id="uploadform" enctype="multipart/form-data" onsubmit="setTimeout('showUpload()', 1500);"> <input type="hidden" name="UPLOAD_IDENTIFIER" id="progress_key" value="<?= $uuid ?>" /> <input type="file" name="ulfile" id="ulfile" /> <input type="submit" value="Upload" /> <br /> <span class="progressbar" id="uploadprogressbar">0%</span> </form> </td></tr> </table> <strong>Some controls: </strong> <a href="#" onclick="$('#spaceused1').progressBar(20);" rel='nofollow' onclick='return false;'>20</a> | <a href="#" onclick="$('#spaceused1').progressBar(40);" rel='nofollow' onclick='return false;'>40</a> | <a href="#" onclick="$('#spaceused1').progressBar(60);" rel='nofollow' onclick='return false;'>60</a> | <a href="#" onclick="$('#spaceused1').progressBar(80);" rel='nofollow' onclick='return false;'>80</a> | <a href="#" onclick="$('#spaceused1').progressBar(100);" rel='nofollow' onclick='return false;'>100</a> </div> <div class="contentblock"> <h2>Usage: </h2> <pre> $(document).ready(function() { $("#spaceused1").progressBar(); $("#spaceused2").progressBar({ barImage: 'images/progressbg_yellow.gif'} ); $("#spaceused3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} ); $("#spaceused4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} ); $("#uploadprogressbar").progressBar(); });</pre> </div> </div> </body> </html>
评论
    相关推荐
    • jQuery
      jQuery
    • jQuery
      jQuery
    • jQuery
      jQuery
    • jQuery
      jQuery
    • jquery1.32
      jquery-1.3.2.min.js 最新 jquery-1.2.6-vsdoc-cn.js 中文注释版 jquery-1.2.6.pack.js 压缩后的直接使用(推荐) jquery-1.2.6.min.js 精简的版本(学习用) jquery-1.2.6.js 学习用的(97k) jquery_0.js 初始版
    • jquery插件
      jquery插件或者jquery框架文件:jquery-1.7.2,jquery-1.8.3,jquery-1.9.1,jquery-1.10.1,jquery-2.0.0,jquery-2.0.2,jquery-2.0.3全部都有
    • jqueryDemo
      初学jquery的非常不错的demo (描述重点就可以了啊。还要有字数的限制。。 初学jquery的非常不错的demo 初学jquery的非常不错的demo 初学jquery的非常不错的demo )
    • jquery
      本文件夹下的两个js文件是目前的最新版本的jQuery1.1.2, 其中jquery-latest.js为源文件,大小约为58k,供大家学习使用, jquery-latest-pack.js为压缩后的文件只有大约20k,在实际项目中使用。 <br>jquery...
    • JQuery
      jQuery查询
    • SIM800C_MQTT.rar
      使用SIM800C模块,使用MQTT协议,连接中国移动onenet平台,能实现数据的订阅、发布、存储等