• 可以横向滑动的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

  • 相关阅读:
    redux和react-redux做简单组件控制
    store(转)
    react+redux开发详细步骤
    rudex 实现流程
    react eject 报错
    react生命周期
    python logging
    hihocoder 1754
    hihocoder_offer收割编程练习赛58
    内存检查
  • 原文地址:https://www.cnblogs.com/xsns/p/6589787.html
Copyright © 2020-2023  润新知