用iSlider实现手机端图片轮转

最新推荐文章于 2021-06-03 09:22:48 发布

VIP文章孟姑娘

最新推荐文章于 2021-06-03 09:22:48 发布

阅读量2k

点赞数 1

分类专栏： html 文章标签：图片轮转 js

本文链接：https://blog.csdn.net/sinat_32690121/article/details/52170127

版权

效果就是触摸事件图片滑动，

需要引入iSlider的css和js，代码如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <title>iSlider with plugins dot and button</title>
    <link href="./css/iSlider.css" rel="stylesheet">
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #333;
            overflow: hidden;
        }

        /*ul wrapper*/
        #iSlider-wrapper {
            height: 100%;

最低0.47元/天解锁文章

孟姑娘

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用iSlider实现手机端图片轮转

效果就是触摸事件图片滑动，需要引入iSlider的css和js，代码如下： <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/> iSlider
复制链接

扫一扫