<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>推荐详情</title>
|
<link rel="stylesheet" type="text/css" href="../css/tuijian-base.css" />
|
<link rel="stylesheet" type="text/css" href="../css/tuijian-style.css"/>
|
<style type="text/css">
|
|
</style>
|
</head>
|
|
<body>
|
<div class="pos">
|
<div class="alert">
|
<h4>下载官方APP，给更多精彩推荐内容~</h4>
|
<div>
|
<span>
|
我再看看
|
</span>
|
<span>
|
立即下载
|
</span>
|
</div>
|
</div>
|
|
</div>
|
<img class="logo" src="../img/512.png"/>
|
<div class="down">
|
<ul>
|
<li>
|
<i class="appname">布心街</i>
|
</li>
|
<li>
|
<i class="msg">下载官方APP，更多精彩推荐~</i>
|
</li>
|
</ul>
|
</div>
|
<span class="clickdown downApp">点击下载</span>
|
<div class="cont" style="padding-top: 1px;">
|
<div class="titie-pic">
|
<img src="../img/t116.jpg" />
|
<div>
|
<strong>富士山下</strong>
|
<span>推荐</span>
|
</div>
|
</div>
|
<p class="text">把一个人的温暖转移到另一个人的温暖转移到另一个人的温暖转移到另一个人的温暖转移到另一个人的温暖转移到另一个人的温暖转移到另一个人的胸膛</p>
|
<div class="min-pic">
|
<i><span id="changeNum">1</span>/<span id="allNum"></span></i>
|
<img class="min-pic" src="http://img.alicdn.com/bao/uploaded/i3/TB1SDoeQVXXXXb_aXXXXXXXXXXX_!!0-item_pic.jpg" />
|
</div>
|
|
<div class="detil">
|
<img src="../img/t116.jpg" />
|
<div>
|
<span class="txt">
|
<i class="tb">淘宝</i>情侣睡衣情侣睡衣情侣睡衣情侣睡衣情侣睡衣情侣睡衣衣情侣睡衣情侣睡衣衣情侣睡衣情侣睡衣
|
</span>
|
<p>
|
<span class="price">
|
￥998
|
</span>
|
<span class="fr">
|
送红包
|
<i>20</i>
|
</span>
|
</p>
|
</div>
|
</div>
|
<a class="btn" href="#">
|
<span>
|
<i></i>
|
1234
|
</span>
|
</a>
|
<div class="line">
|
<h5>分享给朋友</h5>
|
</div>
|
<ul class="cont-icon">
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
</ul>
|
</div>
|
<!--<div class="bar">
|
<div>
|
<span>1205</span>
|
<span>21</span>
|
</div>
|
<div>
|
<p class="inner"></p>
|
</div>
|
</div>-->
|
<div class="comment">
|
<div class="title">
|
<span>
|
评论
|
<i>15</i>
|
</span>
|
<span downApp>
|
查看全部
|
</span>
|
</div>
|
<div class="list">
|
<img src="../img/t116.jpg" />
|
<div class="hed-txt">
|
<div>
|
<p>阿里阿里郎</p>
|
<p>2016-12-29 09:29:58</p>
|
</div>
|
<p class="txt">真的好好正带我去二多阿好正带我去二多阿好正带我去二多阿萨德</p>
|
</div>
|
</div>
|
<div class="list">
|
<img src="../img/t116.jpg" />
|
<div class="hed-txt">
|
<div>
|
<p>阿里阿里郎</p>
|
<p>2016-12-29 09:29:58</p>
|
</div>
|
<p class="txt">真的好好正带我去二多阿好正带我去二多阿好正带我去二多阿萨德</p>
|
</div>
|
</div>
|
<div class="list">
|
<img src="../img/t116.jpg" />
|
<div class="hed-txt">
|
<div>
|
<p>阿里阿里郎</p>
|
<p>2016-12-29 09:29:58</p>
|
</div>
|
<p class="txt">真的好好正带我去二多阿好正带我去二多阿好正带我去二多阿萨德</p>
|
</div>
|
</div>
|
<div class="add downApp">
|
<i></i>添加你的回复
|
</div>
|
</div>
|
<div class="about">
|
<h4>相关推荐</h4>
|
<ul>
|
<li>
|
<a href="javascript:;">
|
<img src="../img/t116.jpg" />
|
<i class="price">999</i>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:;">
|
<img src="../img/t116.jpg" />
|
<i class="price">999</i>
|
</a>
|
</li>
|
<li>
|
<a href="javascript:;">
|
<img src="../img/t116.jpg" />
|
<i class="price">999</i>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</body>
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script type="text/javascript">
|
$(function(){
|
$('.cont-icon li a').height($('.cont-icon li a').width());
|
$('.min-pic').height($('.min-pic img').height());
|
var num = 0;
|
var len = $('.min-pic a').length;
|
$('#allNum').html(len)
|
var slideTimes = setInterval(function(){
|
$('.min-pic a').eq(num).fadeOut(500).css('z-index',0);
|
num ++;
|
if(num==$('.min-pic a').length){
|
num=0;
|
}
|
$('#changeNum').html(num+1);
|
$('.min-pic a').eq(num).fadeIn(500).css('z-index',1)
|
},5000)
|
})
|
|
$(".downApp").bind("click",function(){
|
$(".pos").addClass("active");
|
});
|
$(".pos .alert span").eq(0).bind("click",function(){
|
$(".pos").removeClass("active");
|
});
|
$(".pos .alert span").eq(1).bind("click",function(){
|
// var ua = navigator.userAgent.toLowerCase();
|
// if (/iphone|ipad|ipod/.test(ua)) {
|
// location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yeshi.ec.miduo";
|
// } else if (/android/.test(ua)) {
|
// alert("android");
|
location.href="http://file.sovideo.cn/buxinjie/recom.html";
|
// }
|
});
|
</script>
|
|
</html>
|
