|
|
<!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>
|
