dedecms 图片轮播

这个是效果图用dedecms可以实现图片轮播效果

 实现代码如下：

{dede:include filename="head.htm"/}
	<div id="main">
		<div id="slideBox" class ="slideBox">
     	<div class="hd">
	       <ul>
	        <li>1</li>
	        <li>2</li>
	        <li>3</li>
	        <li>4</li>
	      </ul>
       </div>
       <div class="bd">
       	<div class="tempWrap" style="overflow:hidden; position:relative;width:440px">
       		<ul style="width:1760px;position:relative;overflow:hidden;padding:0px;margin:0px;left:0px">
       		{dede:arclist typeid="52" titlelen="300"}  起着重要作用的代码
       			<li style="float:left;width=440px;">
       				<a href="[field:arcurl/]">
       					<img src="[field:litpic/]" width="435" height="300" style="border:2px solid #004EA2">
       					<p style="text-align:center;margin-top:10px;">[field:title/]</p>
       				</a>
       			</li>
       		{/dede:arclist}...