拖动条代码问题

qq_30104891 2015-08-11 04:02:36

我的代码是这样：

<%@ 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>