JavaScript滑塊

我添加了三個滑塊，但是它將html頁面中的所有3個滑塊組合在一起工作，但在單獨檢查所有三個工作時。這是腳本放置的任何錯誤，幫助我pllz？JavaScript滑塊

<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link href="deco.css" rel="stylesheet" type="text/css" /> 

<!--[if IE 6]> 
<link rel="stylesheet" href="ie6.css" type="text/css" charset="utf-8"> 
<![endif]--> 
<!--[if IE 7]> 
    <link rel="stylesheet" href="ie7.css" type="text/css" charset="utf-8"> 
<![endif]--> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="s3Slider.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#slider1').s3Slider({ 
      timeOut: 3000 
     }); 
    }); 
</script> 
<script type="text/javascript"> 
var image1=new Image() 
image1.src="images/slide1.png" 
var image2=new Image() 
image2.src="images/slide2.png" 
var image3=new Image() 
image3.src="images/slide3.png" 

</script> 

<script type="text/javascript" src="jso/jquery.js"></script> 
     <script type="text/javascript" src="jso/jquery.innerfade.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(
       function(){ 
        $('#testim').innerfade({ 
         animationtype: 'slide', 
         speed: 750, 
         timeout: 4000, 
         type: 'random', 
         containerheight: '102px' 
        }); 

      }); 
    </script> 

<script type="text/javascript" src="floating-1.7.js"> 
</script> 

<script type="text/javascript"> 
    floatingMenu.add('floatdiv', 
     { 
      // Represents distance from left or right browser window 
      // border depending upon property used. Only one should be 
      // specified. 
      // targetLeft: 0, 
      targetRight: 10, 

      // Represents distance from top or bottom browser window 
      // border depending upon property used. Only one should be 
      // specified. 
      targetTop: 118, 
      // targetBottom: 0, 

      // Uncomment one of those if you need centering on 
      // X- or Y- axis. 
      // centerX: true, 
      // centerY: true, 

      // Remove this one if you don't want snap effect 
      snap: true 
     }); 
</script> 

</head> 

<div id="floatdiv"> 

<div class="social"> 
    <!--- Flottting slider---> 
</div> 
</div> 

<body id="home1" style="margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;"> 
<!-- ImageReady Slices (hjgy.psd) --> 
<div class="wrapper"> 

    <div id="middle"> 
     <div class="slide"> 

<!-- JavaScripts--> 

    <div id="slider1"> 
    <!-- // slider --> 
    </div> 
     </div> 
     <div class="latest"> 
       <div class="testimonal"> 
        <!-- // slider --> 

       </div> 
     </div> 
    </div> 

    <div id="footer"> 
    </div> 
    <div style="clear:both"></div> 
</div> 
<!-- End ImageReady Slices --> 
</body> 
</html>

來源

2011-07-05 besto

歡迎來到StackOverflow！我已經爲您解決了問題中的代碼格式。請花點時間閱讀「問題提示」區域右側的方便的**如何格式化**框和**中的[鏈接頁面]（http://stackoverflow.com/editing-help）？] **就在問題區域上方。（還有一個預覽框顯示在提問框中，您可以在其中預覽您的問題。） –

這可能是也可能不是脫離主題，但是您的HTML有點搞砸了（頭部之間有'div'元素例如''和'body'等等）。當出現[無效]（http://validator.w3.org）標記時，瀏覽器供應商試圖修復它，並且他們修復它的方式可能因瀏覽器而異，因此豐富的交互式Web網頁是將[驗證]（http://validator.w3.org）的標記。 –

動作部分在哪裏？ –

首先，嘗試在身體標記內移動滑塊。 HTML不喜歡正文和標籤之間的標籤。

來源

2011-07-05 06:41:53 Andrewus

回答

相關問題