您的位置：首页 > Web前端 > JQuery

jQuery UI基础----13jQurey UI Widgets-slider（滑动器

2015-10-05 13:39 603 查看

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--所需要的支持文件-->
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<link href="jquery-ui.min.css" rel="stylesheet" type="text/css">
<!--自己的js文件-->
<script src="slider.js"></script>
</head>
<body>
<span id="span">0</span>
<div id="slider"></div>
</body>
</html>
js:

/**
* Created by hao on 2015/10/5.
*/
var slider;
var valuespan;
$(function(){
slider=$("#slider");
valuespan=$("#span");
//slider.slider({
//    change:function(event,ui){
//        valuespan.text(slider.slider("option","value"));
//    }
//})
slider.slider({
slide:function(event,ui){
valuespan.text(slider.slider("option","value"));
}
});
})

需要依赖的库文件：
http://download.csdn.net/detail/zhaihaohao1/9156967

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航