前端JS特效第17波：jqeury滑动响应式幻灯片插件-pbTouchSlider

原创

于 2024-07-05 11:30:00 发布 · 389 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

jqeury滑动响应式幻灯片插件-pbTouchSlider，先来看看效果：

部分核心的代码如下：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery幻灯片插件pbTouchSlider演示-默认效果</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/entypo.css">
<style>
.wrap { width: 1000px; margin: 0 auto;}
</style>
</head>

<body>
<h1>默认效果</h1>

<div class="wrap">
	<div class="o-sliderContainer hasShadow" id="dowebokWrap">
		<div class="o-slider" id="dowebok">
			<div class="o-slider--item" data-image="images/5.jpg"></div>
			<div class="o-slider--item" data-image="images/6.jpg"></div>
			<div class="o-slider--item" data-image="images/1.jpg"></div>
			<div class="o-slider--i