<!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=utf-8" />
<title>产品列表</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/pro-detailed.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('*')</script>
<![endif]-->
<!--/*技术支持，小庄XXX 验证：商城技术支持*/
/*技术支持，小庄XXX 验证：商城技术支持*/
/*技术支持，小庄XXX 验证：商城技术支持*/
/*技术支持，小庄XXX 验证：商城技术支持*/
/*技术支持，小庄XXX 验证：商城技术支持*/
/*https://shop116998991.taobao.com/*/
/*https://shop116998991.taobao.com/*/
/*https://shop116998991.taobao.com/*/-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/Public.js"></script>
<script type="text/javascript">
$(function(){
/*-----------------优势页面点击子导航-----------------*/
var subNav_active = $(".active");
var subNav_scroll = function(target){
subNav_active.removeClass("active");
target.parent().addClass("active");
subNav_active = target.parent();
};
$(".pro-detailed-left-title a").click(function(){
subNav_scroll($(this));
if($(this).parent().attr("id")!="join"){
var target = $(this).attr("href");
var targetScroll = $(target).offset().top-90;
$("html,body").animate({scrollTop:targetScroll},300);
return false;
}
});
/*----------------滚动页面跳转时定位---------------*/
$(window).scroll(function(){
var $this = $(this);
var targetTop = $(this).scrollTop();
var height = $(window).height();
//document.title=targetTop;
//控制导航悬浮
if(targetTop>860){
$(".pro-detailed-left-title").addClass("detailed-title-top");
}
else{
$(".pro-detailed-left-title").removeClass("detailed-title-top");
}
//$("#goodsParam").offset().top
if(targetTop > $("#goodsDesc").offset().top-100 && targetTop < $("#goodsParam").offset().top-100){
$(".pro-detailed-left-title").find("li").removeClass("active");
$(".pro-detailed-left-title").find("li").eq(0).addClass("active");
}else if(targetTop > $("#goodsParam").offset().top-100 && targetTop < $("#goodsComment").offset().top-100){
$(".pro-detailed-left-title").find("li").removeClass("active");
$(".pro-detailed-left-title").find("li").eq(1).addClass("active");
}else if(targetTop > $("#goodsComment").offset().top-100 && targetTop < $("#goodsFaq").offset().top-100){
$(".pro-detailed-left-title").find("li").removeClass("active");
$(".pro-detailed-left-title").find("li").eq(2).addClass("active");
}else if(targetTop > $("#goodsFaq").offset().top-100 && targetTop < $("#serQue").offset().top-100){
$(".pro-detailed-left-title").find("li").removeClass("active");
$(".pro-detailed-left-title").find("li").eq(3).addClass("active");
}else if(targetTop > $("#serQue").offset().top-100){
$(".pro-detailed-left-title").find("li").removeClass("active");
$(".pro-detailed-left-title").find("li").eq(4).addClass("active");
}
});
//*--------------主图特效-----------*//
$(".img_hd").width($(".img_hd").find("li").size()*($(".img_hd").find("li").width()+12));
$(".img_hd ul").width($(".img_hd").find("li").size()*($(".img_hd").find("li").width()+12));
//加
$('.add_btn').click(function(){
var onum=Number($('.input-count').val())+1;
$('.input-count').attr('value',onum);
})
//减
$('.min_btn').click(function(){
var onum=Number($('.input-count').val())-1;
if(onum>=1){
$('.input-count').attr('value',onum);
}
});
});
<!---------选项卡----------------------->
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
if (i == Num)
{
thisObj.className = "active";
document.getElementById(tabObj+"_Content"+i).style.display = "block";
}else{
tabList[i].className = "normal";
document.getElementById(tabObj+"_Content"+i).style.display = "none";
}
}
}
</script>
</head>
<body>
<!------------top---------------->
<div class="top">
<div class="top-c">
<div class="top-left">
<a href="javascript:;" class="collect">收藏</a>
<a href="javascript:;" class="wechat">微信</a>
</div>
<div class="top-right">
<p>嗨，欢迎来到XXX商城</p>
<p><a href="javascript:;">请登录</a> | <a href="javascript:;">免费注册</a></p>
<p><a href="javascript:;">我的订单</a> | <a href="javascript:;">服务中心</a></p>
</div>
</div>
</div>
<!------------header---------------->
<div class="header">
<div class="logo"><a href="index.html"><img src="images/logo.png" width="190" /></a></div>
<div class="header-right">
<div class="search-section">
<div class="keyword"><input name="keyword" type="text" value="请输入关键字" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}"/></div>
<div class="btn"></div>
</div>
<div class="cart-section">
<p>购物车(1)</p>
<div class="hidden-cart" style="height:">
<p>购物车(1)</p>
</div>
<div class="hidden-cart-c">
<ul>
<li>
<a href="#"><img src="images/00.jpg" width="60" height="60" /></a>
<p><a href="https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-11895250131.3.YOZUX7&id=521741523734">小米盒子增强版 1G 黑色</a></p>
<pre>299元 x 1</pre>
<ins>x</ins>
</li>
<li>
<a href="#"><img src="images/00.jpg" width="60" height="60" /></a>
<p><a href="#">小米盒子增强版 1G 黑色</a></p>
<pre>299元 x 1</pre>
<ins>x</ins>
</li>
</ul>
<div class="cart-btn">
<p>共计 2 件商品<span>合计：<strong>928.90元</strong></span></p>
<input type="button" value="去结算" />
</div>
<!--------购物车暂无产品--------------->
<div class="cart-not hidden">购物车中还没有商品，赶紧选购吧！</div>
</div>
</div>
</div>
</div>
<!------------header-wrap---------------->
<div class="header-wrap">
<div class="navwrap">
<div id="nav">
<div class="navbar clearfix">
<a href="index.html">首页</a>
<a class="current" href="products-list.html">环境控制</a>
<a href="products-list.html">视听娱乐</a>
<a href="products-list.html">安全防护</a>
<a href="products-list.html">信息通讯</a>
<a href="products-list.html">智能设备</a>
<a href="#">品牌一览</a>
<a href="#">折扣区<em class="sale"></em></a>
</div>
<div class="pros subpag
简易转盘抽奖的微信小程序页面源码.zip （143个子文件） 
user.css 40KB pro-detailed.css 17KB base.css 14KB cart.css 7KB index.css 6KB pro-list.css 2KB
501.gif 50KB 502.gif 21KB cft.gif 5KB payOnline_jiangsshuyh.gif 4KB yzm.gif 3KB hy.gif 2KB star.gif 2KB btn.gif 1KB payOnline_gfyh.gif 1KB payOnline_zfb.gif 1KB payOnline_sfyh.gif 1KB payOnline_bjnsyh.gif 1KB payOnline_zxyh.gif 1KB bj-li.gif 1KB payOnline_nbyh.gif 1KB payOnline_shnsyh.gif 1KB payOnline_msyh.gif 1KB payOnline_nyyh.gif 1KB payOnline_hzyh.gif 1KB payOnline_gdyh.gif 1KB payOnline_gsyh.gif 978B payOnline_zsyh.gif 977B payOnline_zsyh (1).gif 977B payOnline_youzheng.gif 950B payOnline_zgyh.gif 944B payOnline_jsyh.gif 944B payOnline_shyh.gif 886B rli-bj.gif 815B payOnline_fcyh.gif 807B payOnline_payh.gif 766B payOnline_payh (1).gif 766B payOnline_xyyh.gif 731B payOnline_jtyh.gif 728B payOnline_pufa.gif 684B icon.gif 540B x5.gif 352B icon-check-active.gif 307B min_btn.gif 189B add_btn.gif 187B icon-check.gif 88B
products-detailed.html 34KB index.html 25KB products-list.html 22KB goodsComment-more.html 19KB service.html 11KB login.html 6KB register.html 5KB
pro-goodsDesc.jpg 272KB 1.jpg 271KB 5.jpg 172KB banner.jpg 172KB big-pro3.jpg 129KB big-pro2.jpg 124KB big-pro1.jpg 121KB 2.jpg 99KB 402.jpg 54KB 3.jpg 33KB payment.jpg 30KB 502.jpg 26KB pro-small-pic.jpg 25KB fast-zfb.jpg 24KB 4-2li.jpg 24KB pro-minsmall-pic.jpg 23KB login-right-btn1.jpg 23KB prosahover-bj.jpg 23KB login-right-btn.jpg 23KB fast-xl.jpg 23KB 05.jpg 23KB fast-qq.jpg 23KB fast-d.jpg 23KB rt.jpg 22KB service-fqfk.jpg 22KB prosahover-libj.jpg 22KB tw-bj.jpg 22KB fast-rr.jpg 22KB service-th.jpg 22KB service-bx.jpg 22KB add-pic2.jpg 22KB wx.jpg 22KB add-pic.jpg 22KB prompt.jpg 22KB sc.jpg 21KB s-btn.jpg 21KB tab-t.jpg 21KB service_k_left_menu.jpg 21KB jg.jpg 21KB 4.jpg 21KB 4li.jpg 20KB icon-dropdown.jpg 18KB cart-li.jpg 18KB 401.jpg 16KB 1.jpg 14KB photo.jpg 13KB 04.jpg 4KB共 143 条
- 1
- 2
资源评论
小徐博客
- 粉丝: 2192
最新资源
- 智能语音：争夺人工智能皇冠上的明珠.docx
- 基于三点四面的全国职业技能大赛计算机类赛项设置探讨.docx
- PLC对专用镗孔机床的电气控制研究设计.doc
- 计算机硬件实验平台存在的不足和改进策略分析.docx
- 区块链在电子商务中的应用探究.docx
- 基于单片机的病床呼叫系统大学本科方案设计书.doc
- 软件开发过程中各类人员共通心理剖析.docx
- Python随机输出562进制4位数成语程序代码.txt
- Apriori算法在棉花病虫害分析中的应用.doc
- 计算机视觉算法工程师面试手撕代码算法题汇总
- 大数据时代档案数据化的前景展望：意义与困境.docx
- 数据库设计方案参考标准.docx
- 兰州道路交通网络信息查询课程实施方案.doc
- 第五章SCADA系统MIS系统和GIS系统.doc
- Python随机输出562进制4位数符文字公式代码.txt
- 医学图像处理课程应用型教学的探索与实践.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
