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

原文地址:https://www.cnblogs.com/xsns/p/6589787.html