zoukankan      html  css  js  c++  java
  • 可以横向滑动的jquery 幻灯插件

    <!DOCTYPE html>
    <html lang="en">
    <head><base href="https://raw.githubusercontent.com/noboy2/slider/master/index.html">
    <meta charset="UTF-8" />
    <title>幻灯</title>
    <link type="text/css" rel="stylesheet" href="css/css.css" />
    <script type="text/htmlpreview" src="js/jquery.js"></script>
    <script type="text/htmlpreview" src="js/slider2.js"></script>
    </head>
    <body>

    <div id="slider" class="slider">
    <div class="sliderCon">
    <ul>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic01.jpg" width="898" height="588" alt="图片1" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic02.jpg" width="898" height="588" alt="图片2" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic03.jpg" width="898" height="588" alt="图片3" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic04.jpg" width="898" height="588" alt="图片4" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic05.jpg" width="898" height="588" alt="图片5" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic06.jpg" width="898" height="588" alt="图片6" /></a></li>
    <li><a href="javascript:void(0)"><img src="images/wallpaper/pic07.jpg" width="898" height="588" alt="图片7" /></a></li>
    </ul>
    </div>
    </div>

    <script type="text/htmlpreview">
    $(function(){
    $("#slider").slider({});
    })
    </script>
    <script src="//htmlpreview.github.io/htmlpreview.min.js"></script><script>HTMLPreview.replaceAssets();</script></body>
    </html>
    只为你疑惑解忧,只为给你技能展示,+裙598399936

  • 相关阅读:
    bootstrap treevie只展开一个节点,关闭其他节点
    Java后端校验-使用hibernate-validator校验JavaBean
    js生成Excel文件
    Databus&canal对比
    KVM安装配置笔记
    机器学习之数学基础一导数
    机器学习-线性回归
    机器学习之数学基础一统计
    Leader与Boss,技术leader与管理者
    php递归获取无限分类菜单
  • 原文地址:https://www.cnblogs.com/xsns/p/6589787.html
Copyright © 2011-2022 走看看