<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滑块的效果</title>
<!--引入jquery类库文件-->
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<!--引入css样式类库-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.18.custom.css"
/>
<script>
$(document).ready(function(){
$('#slider').slider({
disabled:false, //是否可用,true不可用 false即可用的
animate:true, //代表是采用动画效果
//max:100, //滑块的最大值是100
min:-100, //滑块的最小值
value:0, //滑块的默认值
//orientation:'ver
用jquery插件-slider实现滑块的效果
最新推荐文章于 2024-07-15 10:19:27 发布
该博客演示了如何利用jQuery UI库中的slider插件实现一个滑块效果。通过引入jQuery和jQuery UI的库文件,设置滑块的属性如初始值、最大值、最小值和方向,然后在文档加载完成后绑定事件,实现了滑动停止时触发特定功能的功能。
摘要由CSDN通过智能技术生成