You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
8.9 KiB
180 lines
8.9 KiB
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
|
<title><?php echo sysconfig('CMS_WEBNAME'); ?></title><meta name="keywords" content="{dede:field.keywords/}" /><meta name="description" content="{dede:field.description function='html2text(@me)'/}" /><link rel="stylesheet" href="<?php echo sysconfig('CMS_BASEHOST'); ?>/css/style.css"></head><body>
|
|
@include('home.common.header')
|
|
<style>
|
|
.main-theme .item{width: 33.3%;width: 33.3% !important;height:120px;float: left;overflow: hidden;-webkit-transition: width .3s ease;-moz-transition: width .3s ease;-o-transition: width .3s ease;transition: width .3s ease;}
|
|
.main-theme .item img{width:100%;height:100%;}
|
|
</style>
|
|
<div class="box hdp" style="margin-top:5px;"><div class="fl"><div id="slideBox"><ul style="left: 0px;" id="show_pic">
|
|
<?php if($slide_list){foreach($slide_list as $k=>$v){ ?><li><a href="<?php echo $v['url']; ?>" target="_blank"><img width="740px" height="347px" alt="<?php echo $v['title']; ?>" src="<?php echo $v['pic']; ?>"></a></li><?php }} ?></ul><div id="slideText"></div><ul id="iconBall"><?php if($slide_list){$i=1;foreach($slide_list as $k=>$v){ ?><li><?php echo $i;$i=$i+1; ?></li><?php }} ?></ul>
|
|
<ul id="textBall"><?php if($slide_list){foreach($slide_list as $k=>$v){ ?><li><a href="javascript:void(0)"><?php echo $v['title']; ?></a></li><?php }} ?></ul></div>
|
|
|
|
<div class="iztad"><div class="main-theme">
|
|
<?php if($ztad_list){foreach($ztad_list as $k=>$v){ ?><a class="item on" target="_blank" href="<?php echo $v['url']; ?>"><img class="img" src="<?php echo $v['pic']; ?>"></a><?php }} ?>
|
|
</div></div></div>
|
|
<div class="fr"><img src="images/3.jpg"></div></div>
|
|
|
|
<style>
|
|
.cat-menu-h {padding:8px 0;margin-bottom:10px;background-color: #fff;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;}
|
|
.cat-menu-h ul {font-size: 14px;}
|
|
.cat-menu-h ul li {float: left;}
|
|
.cat-menu-h ul a {display: block;padding: 2px 10px;text-align: center;color: #666;white-space: nowrap;}
|
|
.cat-menu-h ul a:hover {background-color: #e61414;color: #fff;}
|
|
.cat-menu-h ul a.forecast:hover {background-color: #26a96d;color: #fff;}
|
|
.cat-menu-h ul a.forecast {color: #26a96d;}
|
|
</style>
|
|
<div class="box">
|
|
<div class="cat-menu-h">
|
|
<ul class="clearfix">
|
|
<li><a href="<?php echo route('home_goodslist'); ?>">全部</a></li>
|
|
<?php if($goods_type_list){foreach($goods_type_list as $k=>$v){ ?>
|
|
<li><a href="<?php echo route('home_goodslist',array('id'=>$v['id'])); ?>"><?php echo $v['name']; ?></a></li><?php }} ?>
|
|
<li><a class="forecast" href="<?php echo route('home_goodslist',array('tuijian'=>1)); ?>"> [推荐] </a></li>
|
|
</ul>
|
|
|
|
<form method="get" class="m-sch fr" name="formsearch" action="<?php echo route('home_goodslist'); ?>"><input class="sch-txt" name="keyword" type="text" value="搜索 按Enter键" onfocus="if(value=='搜索 按Enter键') {value=''}" onblur="if(value=='') {value='搜索 按Enter键'}"></form>
|
|
<div class="cl"></div></div>
|
|
</div>
|
|
<style>
|
|
.brandul{margin-right:-10px;}
|
|
.brandul li{margin: 0 10px 10px 0;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 0 rgba(0,0,0,.1);float: left;}
|
|
.brandul li a{display: block;overflow: hidden;width: 100%;height: 100%;text-decoration: none;}
|
|
.brandul li .brand-pic{width: 475px;height: 186px;}
|
|
.brandul .brand-des{vertical-align: top;line-height: 26px;height: 26px;padding-left: 10px;border-left: 1px solid #F3F3F3;border-right: 1px solid #F3F3F3;color: #000;}
|
|
.brandul .brand-des em{color:#e61414;}
|
|
.brandul .brand-des .fl{margin-left:10px;}
|
|
.brandul .brand-des .fr{margin-right:20px;}
|
|
</style>
|
|
<div class="box" style="margin-bottom:5px;">
|
|
<ul class="brandul">
|
|
<li>
|
|
<a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&seller_id=880734502" target="_blank">
|
|
<img class="brand-pic" src="/images/3.jpg">
|
|
<div class="brand-des"><span class="fl"></span>
|
|
<span class="fr"><em>234100</em>件已付款 <em>仅剩1天</em></span></div></a>
|
|
</li>
|
|
<li>
|
|
<a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&seller_id=880734502" target="_blank">
|
|
<img class="brand-pic" src="/images/3.jpg">
|
|
<div class="brand-des"><span class="fl"></span>
|
|
<span class="fr"><em>234100</em>件已付款 <em>仅剩1天</em></span></div></a>
|
|
</li>
|
|
<li>
|
|
<a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&seller_id=880734502" target="_blank">
|
|
<img class="brand-pic" src="/images/3.jpg">
|
|
<div class="brand-des"><span class="fl"></span>
|
|
<span class="fr"><em>234100</em>件已付款 <em>仅剩1天</em></span></div></a>
|
|
</li>
|
|
<li>
|
|
<a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&seller_id=880734502" target="_blank">
|
|
<img class="brand-pic" src="/images/3.jpg">
|
|
<div class="brand-des"><span class="fl"></span>
|
|
<span class="fr"><em>234100</em>件已付款 <em>仅剩1天</em></span></div></a>
|
|
</li>
|
|
<li>
|
|
<a href="http://ju.taobao.com/tg/brand_items.htm?act_sign_id=28794165&seller_id=880734502" target="_blank">
|
|
<img class="brand-pic" src="/images/3.jpg">
|
|
<div class="brand-des"><span class="fl"></span>
|
|
<span class="fr"><em>234100</em>件已付款 <em>仅剩1天</em></span></div></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<ul class="pul">
|
|
<?php if($goods_list){foreach($goods_list as $k=>$v){ ?>
|
|
<li><a href="<?php echo route('home_goods',array('id'=>$v['id'])); ?>" target="_blank"><img src="<?php echo $v['litpic']; ?>" alt="<?php echo $v['title']; ?>">
|
|
<p class="title"><?php echo $v['title']; ?></p>
|
|
<p class="desc"><span class="price-point"><i></i>库存(<?php echo $v['goods_number']; ?>)</span> <?php echo $v['description']; ?></p>
|
|
<div class="item-prices red"><div class="item-link">立即<br>抢购</div><div class="item-info"><div class="price"><i>¥</i><em class="J_actPrice"><span class="yen"><?php echo ceil($v['price']); ?></span></em></div>
|
|
<div class="dock"><div class="dock-price"><del class="orig-price">¥<?php echo $v['market_price']; ?></del> <span class="benefit">包邮</span></div><div class="prompt"><div class="sold-num"><em><?php echo $v['sale']; ?></em> 件已付款</div></div></div>
|
|
</div></div>
|
|
</a></li>
|
|
<?php }} ?>
|
|
</ul></div>
|
|
@include('home.common.footer')
|
|
<script>//图片幻灯
|
|
var glide =new function(){
|
|
function $id(id){return document.getElementById(id);};
|
|
this.layerGlide=function(auto,oEventCont,oTxtCont,oSlider,sSingleSize,second,fSpeed,point){
|
|
var oSubLi = $id(oEventCont).getElementsByTagName('li');
|
|
var oTxtLi = $id(oTxtCont).getElementsByTagName('li');
|
|
var interval,timeout,oslideRange;
|
|
var time=1;
|
|
var speed = fSpeed
|
|
var sum = oSubLi.length;
|
|
var a=0;
|
|
var delay=second * 1000;
|
|
var setValLeft=function(s){
|
|
return function(){
|
|
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
|
|
$id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
|
|
if(oslideRange==[(sSingleSize * s)]){
|
|
clearInterval(interval);
|
|
a=s;
|
|
}
|
|
}
|
|
};
|
|
var setValRight=function(s){
|
|
return function(){
|
|
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
|
|
$id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
|
|
if(oslideRange==[(sSingleSize * s)]){
|
|
clearInterval(interval);
|
|
a=s;
|
|
}
|
|
}
|
|
}
|
|
|
|
function autoGlide(){
|
|
for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
|
|
clearTimeout(interval);
|
|
if(a==(parseInt(sum)-1)){
|
|
for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
|
|
a=0;
|
|
oSubLi[a].className="active";
|
|
oTxtLi[a].className = "active";
|
|
interval = setInterval(setValLeft(a),time);
|
|
timeout = setTimeout(autoGlide,delay);
|
|
}else{
|
|
a++;
|
|
oSubLi[a].className="active";
|
|
oTxtLi[a].className = "active";
|
|
interval = setInterval(setValRight(a),time);
|
|
timeout = setTimeout(autoGlide,delay);
|
|
}
|
|
}
|
|
|
|
if(auto){timeout = setTimeout(autoGlide,delay);};
|
|
for(var i=0;i<sum;i++){
|
|
oSubLi[i].onmouseover = (function(i){
|
|
return function(){
|
|
for(var c=0;c<sum;c++){oSubLi[c].className='';oTxtLi[c].className='';};
|
|
clearTimeout(timeout);
|
|
clearInterval(interval);
|
|
oSubLi[i].className = "active";
|
|
oTxtLi[i].className = "active";
|
|
if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
|
|
interval = setInterval(setValLeft(i),time);
|
|
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
|
|
}else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
|
|
interval = setInterval(setValRight(i),time);
|
|
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
|
|
}
|
|
}
|
|
})(i)
|
|
}
|
|
}
|
|
}
|
|
|
|
//调用语句
|
|
glide.layerGlide(
|
|
true, //设置是否自动滚动
|
|
'iconBall', //对应索引按钮
|
|
'textBall', //标题内容文本
|
|
'show_pic', //焦点图片容器
|
|
740, //设置滚动图片位移像素
|
|
2, //设置滚动时间2秒
|
|
0.1, //设置过渡滚动速度
|
|
'left' //设置滚动方向“向左”
|
|
);</script></body></html>
|