拖动条代码问题
我的代码是这样:
这是两个拖动条的代码,可是当我拖动一个拖动条时,另一个拖动条的值会变成原来的默认值,怎样才能使我得到的两个值同时被得到?可能有点说不清楚,望理解
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="拖动条_Default3" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>拖动图层移动特效 </title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection">
<form id="form1" runat="server">
//字体
<!--[if lt IE 8]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
ul li h4 {text-decoration: underline}
ul li h5 {margin-bottom: 0.5em}
ul li pre {border: 1px solid #eee; background: #fafcfc; padding: 10px 0 0 0; margin: 5px 10px}
.example{border: 1px dashed #d8d8d8; padding: 10px; margin: 10px;}
#example-31 #rating-31 {border: 1px solid #d8d8d8; border-width: 0 1px 0 1px}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/rating.min.js"></script>
</head>
<html>
<body>
<li>
<h5>Result</h5>
<div id="example-31" class="example">
<div id="rating-31"></div>
<div id="result-31"></div>
<div class="clearfix"></div>
</div>
<div class="clear"></div>
<div id="Div1" class="example">
<div id="rating-32"></div>
<div id="result-32"></div>
<div class="clearfix"></div>
</div>
<div class="clear"></div>
<asp:Image ID="Image2" runat="server" Width ="225" Height="157" />
</li>
<input id="text_id" type="text" />
<script type="text/javascript">
$(document).ready(function () {
var d = 1;
var s = 1;
$('#rating-31').slidy({
theme: {
image: 'themes/red.png',
width: 161,
height: 34
},
width: 161,
maxval: 10,
interval: 1,
defaultValue: 1,
finishedCallback: function (value) {
$('#result-31').html('You selected ' + value);
var d = value;
alert(d);
}
});
$('#rating-32').slidy({
theme: {
image: 'themes/red.png',
width: 161,
height: 34
},
width: 161,
maxval: 10,
interval: 1,
defaultValue: 1,
finishedCallback: function (value2) {
$('#result-32').html('You selected ' + value2);
var s = value2;
var url = "Default4.aspx?ISO=" + d + "&&KM=" + s;
$("#div_1").load(url);
}
});
})
</script>
<div id="div_1" style="width: 200px; height: 200px;"></div>
</form>
</body>
</html>这是两个拖动条的代码,可是当我拖动一个拖动条时,另一个拖动条的值会变成原来的默认值,怎样才能使我得到的两个值同时被得到?可能有点说不清楚,望理解
...全文
相关推荐
jQuery带左右拖动条点击切换视频特效源码.zip
jQuery带左右拖动条点击切换视频特效源码.zip
易语言源码优于分割条的拖动例程.rar
易语言源码优于分割条的拖动例程.rar
jkrUhumanjs利用拖动条替代图形验证码
jk.rUhuman.js 利用拖动条替代图形验证码
透明度拖动条.zip
该代码简洁明了,能够实现透明度拖动条功能,且有相应的注释,易于读者理解。
实现树控件的拖动
Visual C++中提供的MFC类CtreeCtrl(树型控件)用来显示具有一定层次结构的数据项时方便、直观,所以它已经被广泛地应用在各种软件中,如资源管理器中的磁盘目录就用的是树型控件,我们在编程中也会经常用到这个控件,但是这个控件也有缺陷,那就是它并不直接支持拖动节点等高级特性,这使得程序员在编程时使用它受到了很大限制,同时又给软件用户带来了一些不便。为此,本实例通过从 CTreeCtrl 中派生了一个类 CXTreeCtrl ,实现树型控件中节点的拖动。这个类具有如下的功能:⑴ 基本项目条拖动的实现;⑵ 处理项目条的无意拖动;⑶ 能处理项目条拖动过程中的滚动问题;⑷ 拖动过程中节点会智能展开。程序编译运行后的效果如图所示:


