<h3 class="f18">特价商品</h3>
<div class="GoodsListWrap GoodsList GoodsShow">
<div class="sales_conent">
<a href="javascript:void(0);" class="pre" id="<{$widgets_id}>_LeftArr"></a>
<div class="sales_list" id="<{$widgets_id}>_ISL_Cont_1">
<{if count($data) > 0}>
<{foreach from=$data item=product name=goodslist}>
<{if $product.goods_id>0}>
<ul>
<{if $setting.showGoodsImg=="on"}>
<li>
<a target="_blank" href='<{link ctl="product" act="index" arg0=$product.goods_id}>' style='width:<{$setting.goodsImgWidth}>px;height:<{$setting.goodsImgHeight}>px;' class='pic'>
<!--a style='height=<{$setting.goodsImgHeight}>-max-height:<{$setting.goodsImgHeight}>px;'></a-->
<img src="<{$product.thumbnail_pic|default:$env.conf.site.default_thumbnail_pic|storager}>" alt="<{$product.name|escape:html}>" style='max-width:<{$setting.goodsImgWidth}>px;max-height:<{$setting.goodsImgHeight}>px;'/>
</a>
</li>
<{/if}>
<!--名称-->
<{if $setting.showGoodsName=="on"}>
<p class="sales_list_name" ><a href='<{link ctl="product" act="index" arg0=$product.goods_id}>' title="<{$product.name|escape:html}>"><{$product.name|cut:$setting.gname_max_length*3}></a></p>
<{/if}>
<!--价格-->
<li class="sales_list_legend">
<{if $setting.showGoodsMktPrice=="on"}>
<{$setting.mktPriceText|default:'市场价'}><{$setting.mktPriceSep|default:':'}><del><{$product.mktprice|cur}></del>
<{/if}>
<{if $setting.showGoodsPrice=="on"}>
<p><i>￥</i><em><{if $product.promotion_goods=='true'}><{$product.cost}><{else}><{$product.price}><{/if}></em></p>
<{/if}>
<{if $setting.showGoodsSave=="on"}>
<p><i>￥</i><em><{$product.mktprice - $product.price}></em></p>
<{/if}>
<{if $setting.showCount=="on"}>
<p><i>￥</i><em><{math equation=x/y*100 x=$product.mktprice-$product.price y=$product.mktprice format="%.0f"}><{$setting.countSep|default:':'}></em></p>
<{/if}>
</li>
</ul>
<{/if}>
<{/foreach}>
<{else}>
<div>暂无商品数据</div>
<{/if}>
</div>
<a href="javascript:void(0);" class="aft" id="<{$widgets_id}>_RightArr"></a>
</div>
</div>
?
<script>
var sina={
$:function(objName){
if(document.getElementById){
return eval('document.getElementById("'+objName+'")');
}else{
return eval('document.all.'+objName);
}
},isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,addEvent:function(l,i,I){
if(l.attachEvent){
l.attachEvent("on"+i,I);
}else{
l.addEventListener(i,I,false);
}
},delEvent:function(l,i,I){
if(l.detachEvent){
l.detachEvent("on"+i,I);
}else{
l.removeEventListener(i,I,false);
}
},readCookie:function(O){
var o="",l=O+"=";
if(document.cookie.length>0){
var i=document.cookie.indexOf(l);
if(i!=-1){
i+=l.length
;var I=document.cookie.indexOf(";",i);
if(I==-1)I=document.cookie.length;
o=unescape(document.cookie.substring(i,I));
}
}
return o;
},writeCookie:function(i,l,o,c){
var O="",I="";
if(o!=null){
O=new Date((new Date).getTime()+o*3600000);
O="; expires="+O.toGMTString()
};
if(c!=null){
I=";domain="+c;
}
document.cookie=i+"="+escape(l)+O+I;
},readStyle:function(I,l){
if(I.style[l]){
return I.style[l];
}else if(I.currentStyle){
return I.currentStyle[l];
}else if(document.defaultView&&document.defaultView.getComputedStyle){
var i=document.defaultView.getComputedStyle(I,null);
return i.getPropertyValue(l);
}else{
return null;
}
}
}
//滚动图片构造函数
function ScrollPic1(scrollContId,arrLeftId,arrRightId,dotListId){
this.scrollContId=scrollContId;
this.arrLeftId=arrLeftId;
this.arrRightId=arrRightId;
this.dotListId=dotListId;
this.dotClassName="dotItem";
this.dotOnClassName="dotItemOn";
this.dotObjArr=[];
this.pageWidth=0;
this.frameWidth=0;
this.speed=10;
this.space=10;
this.pageIndex=0;
this.autoPlay=true;
this.autoPlayTime=5;
var _autoTimeObj,
_scrollTimeObj,
_state="ready";
this.stripDiv=document.createElement("DIV");
this.listDiv01=document.createElement("DIV");
this.listDiv02=document.createElement("DIV");
if(!ScrollPic1.childs){
ScrollPic1.childs=[];
}
this.ID=ScrollPic1.childs.length;
ScrollPic1.childs.push(this);
this.initialize=function(){
if(!this.scrollContId){
throw new Error("必须指定scrollContId.");
return;
}
this.scrollContDiv=sina.$(this.scrollContId);
if(!this.scrollContDiv){
throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");
return;
}
this.scrollContDiv.style.width=this.frameWidth+"px";
this.scrollContDiv.style.overflow="hidden";
this.listDiv01.innerHTML=this.listDiv02.innerHTML=this.scrollContDiv.innerHTML;
this.scrollContDiv.innerHTML="";
this.scrollContDiv.appendChild(this.stripDiv);
this.stripDiv.appendChild(this.listDiv01);
this.stripDiv.appendChild(this.listDiv02);
this.stripDiv.style.overflow="hidden";
this.stripDiv.style.zoom="1";
this.stripDiv.style.width="32766px";
//this.listDiv01.style.cssFloat="left";
//this.listDiv02.style.cssFloat="left";
if(!+[1,]){
this.listDiv01.style.styleFloat="left";
this.listDiv02.style.styleFloat="left";
}else{
this.listDiv01.style.cssFloat="left";
this.listDiv02.style.cssFloat="left";
}
sina.addEvent(this.scrollContDiv,"mouseover",Function("ScrollPic1.childs["+this.ID+"].stop()"));
sina.addEvent(this.scrollContDiv,"mouseout",Function("ScrollPic1.childs["+this.ID+"].play()"));
if(this.arrLeftId){
this.arrLeftObj=sina.$(this.arrLeftId);
if(this.arrLeftObj){
sina.addEvent(this.arrLeftObj,"mousedown",Function("ScrollPic1.childs["+this.ID+"].rightMouseDown()"));
sina.addEvent(this.arrLeftObj,"mouseup",Function("ScrollPic1.childs["+this.ID+"].rightEnd()"));
sina.addEvent(this.arrLeftObj,"mouseout",Function("ScrollPic1.childs["+this.ID+"].rightEnd()"));
}
}
if(this.arrRightId){
this.arrRightObj=sina.$(this.arrRightId);
if(this.arrRightObj){
sina.addEvent(this.arrRightObj,"mousedown",Function("ScrollPic1.childs["+this.ID+"].leftMouseDown()"));
sina.addEvent(this.arrRightObj,"mouseup",Function("ScrollPic1.childs["+this.ID+"].leftEnd()"));
sina.addEvent(this.arrRightObj,"mouseout",Function("ScrollPic1.childs["+this.ID+"].leftEnd()"));
}
}
if(this.dotListId){
this.dotListObj=sina.$(this.dotListId);
if(this.dotListObj){
var pages=Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4),i,tempObj;
for(i=0;i<pages;i++){
tempObj=document.createElement("span");
this.dotListObj.appendChild(tempObj);
this.dotObjArr.push(tempObj);
if(i==this.pageIndex){
tempObj.className=this.dotClassName;
}else{
tempObj.className=this.dotOnClassName;
}
tempObj.title="第"+(i+1)+"页";
sina.addEvent(tempObj,"click",Function("ScrollPic1.childs["+this.ID+"].pageTo("+i+")"));
}
}
}
if(this.autoPlay){
this.play();
}
}
this.leftMouseDown=function(){
if(_state!="ready"){return;}
_state="floating";
_scrollTimeObj=setInterval("ScrollPic1.childs["+this.ID+"].moveLeft()",this.speed);
}
this.rightMouseDown=function(){
if(_state!="ready"){return;}
_state="floating";
_scrollTimeObj=setInterval("ScrollPic1.childs["+this.ID+"].moveRight()",this.speed);
}
this.moveLeft=function(){
if(this.scrollContDiv.scrollLeft+this.space>=this.listDiv01.scrollWidth){
this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+this.space-this.listDiv01.scrollWidth;
}else{
this.scrollContDiv.scrollLeft+=this.space;
}
this.accountPageIndex();
}
this.moveRight=function(){
if(this.scrollContDiv.scrollLeft-this.space<=0){
this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-this.space;
}else{
this.scrollContDiv.scrollLeft-=this.space;
}
this.accountPageIndex();
}
this.leftEnd=function(){
if(_state!="floating"){return;}
_state="stoping";
clearInterval(_scrollTimeObj);
var fill=this.pageWidth-this.scrollContDiv.scrollLeft%this.pageWidth;
this.move(fill);
}
this.rightEnd=function(){
if(_state!="floating"){return;}
_state="stoping";
clearInterval(_scrollTimeObj);
var fill=-this.scrollContDiv.scrollLeft%this.pageWidth;this.move(fill);
}
this.move=function(num,quick){
var thisMove=num/5;
if(!quick){
if(thisMove>this.space){
thisMove=this.space};
if(thisMove<-this.space){
thisMove=-this.space;
}
}
if(Math.abs(thisMove)<1&&thisMove!=0){
thisMove=thisMove>=0?1:-1;
}else{
thisMove=Math.round(thisMove);
}
var temp=this.scrollContDiv.scrollLeft+thisMove;
if(thisMove>0){
if(this.scrollContDiv.scrollLeft+thisMove>=this.listDiv01.scrollWidth){
this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+thisMove-this.listDiv01.scrollWidth;
}else{
this.scrollContDiv.scrollLeft+=thisMove;
}
}else{
if(this.scrollContDiv.scrollLeft-thisMove<=0){
this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-thisMove;
}else{
this.scrollContDiv.scrollLeft+=thisMove;
}
}
num-=thisMove;
if(Math.abs(num)==0){
_state="ready";
if(this.autoPlay){this.play();}
this.accountPageIndex();
return;
}else{
this.accountPageIndex();
setTimeout("ScrollPic1.childs["+this.ID+"].move("+num+","+quick+")",this.speed);
}
}
this.next=function(){
if(_state!="ready"){
return;
}
_state="stoping";
this.move(this.pageWidth,true);
}
this.play=function(){
if(!this.autoPlay){
return;
}
clearInterval(_autoTimeObj);
_autoTimeObj=setInterval("ScrollPic1.childs["+this.ID+"].next()",this.autoPlayTime*1000);
}
this.stop=function(){
clearInterval(_autoTimeObj);
}
this.pageTo=function(num){
if(_state!="ready"){return;}
_state="stoping";
var fill=num*this.frameWidth-this.scrollContDiv.scrollLeft;this.move(fill,true);
}
this.accountPageIndex=function(){
this.pageIndex=Math.round(this.scrollContDiv.scrollLeft/this.frameWidth);
if(this.pageIndex>Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4)-1){
this.pageIndex=0;
}
var i;
for(i=0;i<this.dotObjArr.length;i++){
if(i==this.pageIndex){
this.dotObjArr[i].className=this.dotClassName;
}else{
this.dotObjArr[i].className=this.dotOnClassName;
}
}
}
}
var ScrollPic1_02 = new ScrollPic1();
ScrollPic1_02.scrollContId = "<{$widgets_id}>_ISL_Cont_1"; //内容容器ID
ScrollPic1_02.arrLeftId = "<{$widgets_id}>_LeftArr";//左箭头ID
ScrollPic1_02.arrRightId = "<{$widgets_id}>_RightArr"; //右箭头ID
ScrollPic1_02.frameWidth = 910;//显示框宽度
ScrollPic1_02.pageWidth = 182; //翻页宽度
ScrollPic1_02.speed = 5; //移动速度(单位毫秒，越小越快)
ScrollPic1_02.space = 15; //每次移动像素(单位px，越大越快)
ScrollPic1_02.autoPlay = true; //自动播放
ScrollPic1_02.autoPlayTime = 2; //自动播放间隔时间(秒)
ScrollPic1_02.initialize(); //初始化
</script>
?