JqueryUI-3

本文在于巩固基础

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毫秒进一小格,到结束时再从初始位置开始进行

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。