<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="zh-CN">
<title>jQuery带标题文字右侧选项卡 - 网页模板</title>
<link href="css/zzsc.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
</head>
<body>
<div class="m-slide" style="margin:30px auto">
<ul class="img" style="position: relative; width: 490px; height: 200px;">
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: list-item;">
<a href="http://www.moobnn.com/" target="_blank"><img src="images/1.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;">
<a href="http://www.moobnn.com/" target="_blank"><img src="images/2.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;">
<a href="http://www.moobnn.com/" target="_blank"><img src="images/3.jpg"></a></li>
<li style="position: absolute; width: 490px; left: 0px; top: 0px; display: none;">
<a href="http://www.moobnn.com/" target="_blank"><img src="images/4.jpg"></a></li>
</ul>
<ul class="tab">
<li class=" on"><a href="http://www.moobnn.com"><b></b>
<span class="title">餐垫艺术 </span><span class="des">让餐桌色彩丰富起来 </span></a>
</li>
<li><a href="http://www.moobnn.com"><b></b><span class="title">秋冬款连衣裙
</span><span class="des">优雅的小女人味 </span></a></li>
<li class=" "><a href="http://www.moobnn.com"><b></b><span class="title">
秋冬围巾 </span><span class="des">温暖来袭 </span></a></li>
<li class=" "><a href="http://www.moobnn.com"><b></b><span class="title">
帅气军工装 </span><span class="des">时尚中性风 </span></a></li>
</ul>
<b class="bottom-shadow"></b></div>
<script type="text/javascript">jQuery(".m-slide").slide({ titCell:".tab li", mainCell:".img",effect:"fold", autoPlay:true});</script>
<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
版权申诉
136 浏览量
2022-11-20
22:07:47
上传
评论
收藏 299KB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- BrushNet电商公司和摄影公司都在用的AI工作流
- 12_base.apk
- 520马上到了两款动态爱心表白HTML代码(附源码)李峋同款爱心,快送给你爱的她或(他)吧12 情侣纪念日代码.zip
- 电子设计竞赛的单相不间断电源设计
- cutcamera1715961370938.png
- 基于MATLAB的图像处理课程设计报告.doc
- tensorflow-gpu-2.6.0-cp38-cp38-manylinux2010-x86-64.whl
- mmexport1715960553858.png
- tensorflow-gpu-2.6.0-cp37-cp37m-manylinux2010-x86-64.whl
- 通过 .NET 应用程序中的源代码查找 SQL 注入
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈