ASP.NET+Swiper实现轮播

最新推荐文章于 2021-07-12 15:07:23 发布

炫澜abc

最新推荐文章于 2021-07-12 15:07:23 发布

阅读量1.1k

点赞数 2

分类专栏： C#

本文链接：https://blog.csdn.net/qq_39656138/article/details/90451289

版权

本文详细介绍了如何结合ASP.NET后台技术和Swiper前端库，实现一个功能完善的网站轮播图。通过实例代码和步骤解析，帮助开发者理解如何在ASP.NET项目中集成Swiper，创建动态、交互式的轮播展示。

摘要由CSDN通过智能技术生成

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="lunbo.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="jquery-1.8.3/jquery.min.js"></script>
    <script>
        $.ajax({
            type: "post",
            dataType: 'json',
            url: 'lunbo.aspx/getImgUrl',
            data: '',
            dataType: "json",
            contentType: "application/json",
            success: function (obj) {
                function FunData(Data) {
                    var proportion = 7;
                    var num = 0;
                    var arr1 = [];
                    for (var i = 0; i < Data.length; i++) {
                        if (i % proportion == 0 && i != 0) {
                            arr1.push(Data.slice(num,