仿网易轮播图

最新推荐文章于 2022-04-15 21:04:24 发布

zoekitty

最新推荐文章于 2022-04-15 21:04:24 发布

阅读量964

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zoekitty/article/details/52452757

版权

本文详细介绍了如何使用JavaScript实现一款类似网易新闻App的轮播图功能，涵盖了图片切换、自动播放、触碰滑动等核心特性。

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

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/css.css"/>
    <script src="js/animate.js" type="text/javascript"></script>
    <script src="js/slider.js" type="text/javascript"></script>
</head>
<body>
<div class="w-slider" id="js_slider">
    <div class="slider">
        <div class="slider-main" id="slider_main_block">
            <div class="slider-main-img"><a href="#"><img src="images/1.jpg" alt=""/></a></div>
            <div class="slider-main-img"><a href="#"><img src="images/2.jpg" alt=""/></a></div>
            <div class="slider-main-img"><a href="#"><img src="images/3.jpg" alt=""/></a></div>
            <div class="slider-main-img"><a href="#"><img src="images/4.jpg" alt=""/></a></div>
            <div class="slider-main-img"><a href="#"><img src="images/5.jpg" alt=""/></a></div>
            <div class="slider-main-img"><a href="#"><img src="images/6.jpg" alt=""/></a></div>
        </div>
    </div>
    <div class="slider-ctrl" id="slider_ctrl">
        <span class

最低0.47元/天解锁文章

zoekitty

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿网易轮播图

下面是slider.js/** * Created by andy on 2015/11/23. */window.onload = function() { // 获取元素 function $(id) {return document.getElementById(id);} var js_slider = $("js_slider"); // 获取最大盒子
复制链接

扫一扫

专栏目录