码迷,mamicode.com
首页 > Web开发 > 详细

JqueryUI-3

时间:2015-03-05 16:55:36      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

本文在于巩固基础

JqueryUI控件之滚动条

这次主要是看Jquery官网上的API文档来做的

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="Css/myCss.css"/>
    <link rel="stylesheet" type="text/css" href="Css/jquery-ui.min.css">

</head>
<body>

<div id="sss">
</div>
<script src="Script/jquery-2.1.1.min.js"></script>
<script src="Script/jquery-ui.min.js"></script>
<script type="text/javascript" src="Script/myScript.js"></script>
</body>
</html>
/**
 * Created by Administrator on 2015/3/5 0005.
 */
var current=0;
$(document).ready(function(){

    $("#sss").progressbar({max:100});

    setInterval(changeProgress,100)
});
function changeProgress()
{
    current++;
    if(current>=100){
        current=0;
    }
    $("#sss").progressbar("option","value",current);
}

技术分享

这个滚动条没隔100毫秒进一小格,到结束时再从初始位置开始进行

 

JqueryUI-3

标签:

原文地址:http://www.cnblogs.com/jixinyu/p/4316087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!