解释Asp.net中的滑块代码

Explain slider code in Asp.net

本文关键字：代码 Asp net 解释      更新时间：2023-09-26

我在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>

<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秒）运行一次函数"Slider"

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

这将为您的图像创建一个淡入效果，一次一个。它以"慢速"淡入并运行一个内联函数，该函数实例化数组中当前数字处给定的URL中的图像。它使用模数在到达最后一个图像之后返回到第一个图像。这一行依赖于DOM元素"imageSlide"。

我希望这能充分回答你的问题。

相关文章：