dedecms5.7结合jQuery焦点图代码

代码下载：http://gzyld.org.cn/_note/gyzz/cbrj/022Da12013.html

效果浏览：http://gzyld.org.cn/_news/

HEAD区域：js和css自己加入到相关部分，这是和模板结合的代码部分。


代码部分：
<p id="zSlider">        <p id="picshow">
                <p id="picshow_img">
                        <ul>{dede:arclist row='4' orderby='pubdate'  orderway='desc' type='image'}
                          <li><a href="[field:arcurl/]" target="_blank">[field:image/]</a></li>
                        {/dede:arclist}</ul>
                </p>
                <p id="picshow_tx">
                        <ul>{dede:arclist  row='4' orderby='pubdate'  orderway='desc' type='image'  infolen='150'}
                          <li>
                                  <p><b><a href="[field:arcurl/]" target="_blank">[field:title/]</a></b></p>
                                  <p>[field:info/]</p>
                          </li>
                                {/dede:arclist}</ul>
                </p>
        </p>
        <p id="select_btn">
                <ul>{dede:arclist row='4' orderby='pubdate' orderway='desc' type='image' titlelen=10}
                                    <li><a href="[field:arcurl/]" target="_blank">[field:image/]<span class="select_text">[field:title/]</span><span class="select_date">[field:pubdate function="strftime('%Y/%m/%d',@me)"/]</span></a></li>
                        {/dede:arclist}</ul>
        </p>        
</p>

 CSS修正：

#zSlider{margin:0px auto; width:100%; overflow:hidden;border-right:1px solid #FFBCCE;padding-bottom:5px}

#picshow{position:relative;}

#picshow,#picshow_img{width:550px; height:275px; overflow:hidden; float:left;}

#picshow_img li{width:550px; height:275px; overflow:hidden; float:left; display:none;}