<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery上下滑动及左右切换导航 - 网页模板</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/home.js"></script>
</head>
<body>
<!-- 代码 开始 -->
<div class="wrap">
<div class="header">
<h1 class="logo"><a href="http://www.moobnn.com/jiaoben" target="_blank"><img src="images/logo.jpg" alt=""></a></h1>
</div>
<div class="top-nav">
<div id="navList" class="navlist-wrap">
<div class="navlist clearfix">
<a href="" class="nav-btn" data-device="#androidItem">Android<span> </span></a>
<a href="" class="nav-btn" data-device="#iphoneItem">iPhone<span> </span></a>
<a href="" class="nav-btn" data-device="#ipadItem">iPad<span> </span></a>
<a href="" class="nav-btn" data-device="#pcItem">PC<span> </span></a>
<a href="" class="nav-btn" data-device="#macItem">MAC<span> </span></a>
</div>
</div>
<div id="expandZone" class="expand active">
<div class="download">
<div id="androidItem" class="item">
<div class="download-list">
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn zj" id="download-link"><span class="icon"></span><span class="text">直接下载安装包</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn sjgj" id="tencent_app_assistant_btn"><span class="icon"></span><span class="text">手机管家一键下载</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn wdj"><span class="icon"></span><span class="text">豌豆荚一键下载</span></a>
</div>
</div>
<div id="iphoneItem" class="item">
<div class="download-list">
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn zj"><span class="icon"></span><span class="text">直接下载安装包</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn apple"><span class="icon"></span><span class="text">AppStore免费下载</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" title="iTools" class="btn itools"><span class="icon"></span><span class="text">itools一键安装</span></a>
</div>
</div>
<div id="ipadItem" class="item">
<div class="download-list">
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn zj"><span class="icon"></span><span class="text">直接下载安装包</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn apple"><span class="icon"></span><span class="text">AppStore免费下载</span></a>
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn itools"><span class="icon"></span><span class="text">itools一键安装</span></a>
</div>
</div>
<div id="pcItem" class="item">
<div class="download-list">
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn zj"><span class="icon"></span><span class="text">直接下载安装包</span></a>
</div>
</div>
<div id="macItem" class="item">
<div class="download-list">
<a href="http://www.moobnn.com/jiaoben/" target="_blank" class="btn zj"><span class="icon"></span><span class="text">直接下载安装包</span></a>
</div>
</div>
</div>
<div id="closeBtn" class="close-btn"></div>
</div>
<div class="nav-bottom-bg"></div>
</div>
</div>
<!-- 代码 结束 -->
<div class="btm">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
<p></p>
</div>
</body>
</html>
jQuery上下滑动及左右切换导航.zip
版权申诉
43 浏览量
2022-11-21
11:33:06
上传
评论
收藏 81KB ZIP 举报
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 6_Advertising-gd_LearningRate.ipynb
- 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 注入
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈