Question

我在ASP.net中使用c＃我从这里得到了这段代码http://www.c-sharpcorner.com/UploadFile/c63ec5/build-image-slider-with-Asp-Net/ 它工作正常，有些人可以给出每行的小一行描述。

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg'];
        var count = NoofImage.length;
        $(function () { setInterval(Slider, 2000) });
        function Slider()
        {
            $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow");
            });
        }
    </script>

Answer 1

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

这一行只是从googlecode.com

加载jquery库

<script type="text/javascript">
    var NoofImage = ['http://localhost:64916/images/img1.png', 'http://localhost:64916/images/img2.jpg', 'http://localhost:64916/images/img3.jpg', 'http://localhost:64916/images/img4.jpg'];

此行实例化图像的字符串数组。（文件位置）

    var count = NoofImage.length;

计算上面数组的长度

    $(function () { setInterval(Slider, 2000) });

这会运行一个每2000毫秒（2秒）运行“滑块”功能的功能

    function Slider()
    {
        $('#imageSlide').fadeIn("slow",function(){$(this).attr('src', NoofImage[(NoofImage.length++)%count]).fadeIn("slow");
        });
    }
</script>

这样可以一次为您的图像创建一个淡入效果。它以“慢”淡出并运行内联函数，该函数实例化当前数字中数组中给出的URL中的图像。它使用模数返回到达最后一个图像后的第一个图像。该行取决于DOM元素“imageSlide”。

我希望这足以完全回答你的问题。

解释Asp.net中的滑块代码

1 个答案: