<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>jQuery带左右箭头图片放大切换 - 网页模板</title>
<script src="js/jquery.js"></script>
<link rel="stylesheet" href="css/picturebox.css" media="screen">
<link rel="stylesheet" href="css/example.css" media="screen">
<script src="js/picturebox.js"></script>
</head>
<body>
<div class="clearfix">
<div class="left" style="background-color:#CCC;">
<div class="picture-box" id="picture-box" data-animation="500" data-number="2">
<div class="viewport"></div>
<div class="pictures">
<ol>
<li data-thumb="images/s1.jpg" data-src="images/9916080243_d7b57af563_h.jpg"></li>
<li data-thumb="images/s2.jpg" data-src="images/9946866823_93b850aef8_b.jpg"></li>
<li data-thumb="images/s3.jpg" data-src="images/9947023173_3392dc1d8d_b.jpg"></li>
<li data-thumb="images/s4.jpg" data-src="images/9951988363_4786e38287_b.jpg"></li>
<li data-thumb="images/s5.jpg" data-src="images/9950415435_5cdd31df57_k.jpg"></li>
<li data-thumb="images/s6.jpg" data-src="images/9947494155_39e885f9a5_k.jpg"></li>
</ol>
</div>
<div class="toolbar">
<a class="prev" href="#picture-box" data-slide="prev"></a>
<a class="next" href="#picture-box" data-slide="next"></a>
<a class="zoom" href="#picture-box" data-zoom="in"></a>
</div>
</div>
</div>
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jQuery带左右箭头图片放大切换.zip
版权申诉
119 浏览量
2022-11-20
22:08:02
上传
评论
收藏 4.63MB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 国家开放大学电大化工制图形考任务答案
- 基于python+sqlite实现知识图谱的农作物病虫害防治智能问答平台
- 移动通信系统ofdm的STO和CFO matlab
- 2024年全国职业院校技能大赛集成电路应用开发赛项竞赛试题(03卷)
- 基于CRT(远程访问终端)+ARM(GEC)+Linux+C语言的视频监控系统源码+文档说明.zip
- 用vue.js开发微信app
- CentOS-7-x86-64-Minimal-2009-迷你版系统镜像
- wireshark抓包软件
- Cookie Maker 工作室
- Screenshot_20240605_211604_com.netease.edu.ucmooc.jpg
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈