1

我试图编写我的 jQuery 滑块，但我无法让 Javascript 与 IE 一起使用。它适用于 Firefox 和 Safari

我的 CSS 样式：

<style type="text/css">
.slider {
    width:656px;
    height:390px;
    overflow:hidden;
    margin:30px auto;
    background-image:url(images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.slider1 img {
    width:656px;
    height:390px;
    display:none;

}
</style>

我的标题中的Javascript：

<script type="application/javascript">

function Slider(){
   $(".slider #1").show("fade",500);
   $(".slider #1").delay(5500).hide("slide", {direction: 'left'},500);

   var sc=$(".slider img").size();
   var count=2;

   setInterval(function(){
        $(".slider #"+count).show("slide",{direction: 'right'},500);
        $(".slider #"+count).delay(5500).hide("slide", {direction: 'left'},500);
        if(count ==sc){
            count=1;

        }else{
        count= count + 1;
        }
    },6500);
}
</script>

html中的滑块：

<body onload="Slider();">
   <div class="slider">
       <img id="1" src="img/slider1.gif" border="0" />
       <img id="2" src="img/slider2.gif" border="0" />
       <img id="3" src="img/slider3.gif" border="0" />
   </div>
</body>

谢谢如果有人可以帮助我

4

1 回答 1

2

改变你的脚本标签

<script type="application/javascript">

到

<script type="text/javascript">

或者

<script>
于 2012-10-09T18:22:34.017 回答