SQL参数部分:
=================
select top 10 ID,title,Picurl from KS_Article where slide=1 and Verific=1 and deltf=0 order by id desc
=================
SQL循环部分:
=================
以下内容只有回复后才可以浏览<div class="focusPic">
<div id="sliderFocus" class="sliderwrapper">
[loop=1]
<div class="contentdiv contentdivone">
<p class="pPic"><a target="_blank" href="{$Field(ID,GetInfoUrl,1,1)}"><img src="{$Field(Picurl,Text,0,...,0,)}" alt="{$Field(title,Text,0,...,0,)}" width="600" height="380" /></a></p>
<p class="picMark"></p>
<p class="pTitle">
<a href="{$Field(ID,GetInfoUrl,1,1)}" target="_blank">{$Field(title,Text,0,...,0,)}</a>
</p>
</div>
[/loop]
[loop=4]
<div class="contentdiv">
<p class="pPic"><a target="_blank" href="{$Field(ID,GetInfoUrl,1,1)}"><img src="{$Field(Picurl,Text,0,...,0,)}" alt="{$Field(title,Text,0,...,0,)}" width="600" height="380" /></a></p>
<p class="picMark"></p>
<p class="pTitle">
<a href="{$Field(ID,GetInfoUrl,1,1)}" target="_blank">{$Field(title,Text,0,...,0,)}</a>
</p>
</div>
[/loop]
</div>
<div id="paginate-sliderFocus" class="pagination"> <a href="javascript:void(0)" class="toc">1</a> <a href="javascript:void(0)" class="toc">2</a> <a href="javascript:void(0)" class="toc">3</a> <a href="javascript:void(0)" class="toc">4</a> <a href="javascript:void(0)" class="toc">5</a> </div>
<script>
featuredcontentslider.init({
id: "sliderFocus",
contentsource: ["inline", ""],
toc: "#increment",
nextprev: ["", ""],
revealtype: "mouseover",
enablefade: [true, 0.1],
autorotate: [true, 5000],
onChange: function(previndex, curindex){
}
})
</script>
</div>
=================
CSS部分:
=================
.focusPic{width:595px; margin:10px 0 0 5px; position:relative;}
.focusPic .picMark{width:100%;height:30px; background:#000; opacity:0.5;filter:alpha(opacity=50); position:absolute; bottom:0; left:0;}
.focusPic .pagination{width:100%;height:20px;clear:both;position:absolute;top:355px;right:0px;}
.focusPic .pagination .subLineTab{width:100%;display:none;}
.focusPic .pagination .subPageTab{float:right}
.focusPic .pagination a{width:20px; height:16px; padding-top:4px;display:inline;float:left;text-align:center;line-height:14px;text-decoration:none;font-weight:bold;margin-right:5px;color:#FFF; border:1px solid #595a63; background:#323139;}
.focusPic .pagination a:hover,.focusPic .pagination a.selected{width:22px; height:18px;background:url(http://www1.pclady.com.cn/global/2009/images_d/luxury/luxury_focusbg.gif) no-repeat; border:none;}
.focusPic .contentdiv .pPic{height:380px;width:600px;}
.focusPic .contentdiv .pTitle{width:300px;height:28px;line-height:28px;color:#FFF;position:absolute;top:353px;left:10px;color:#FFF; font-size:16px; font-weight:bold;}
.focusPic .contentdiv .pTitle a{color:#FFF;}
.contentdivone {display:block;}
img { border:none}
*{ margin:0; padding:0}
=================
JS部分
=================