在DEDECMS 3.1lit里实现幻灯片效果(区别于官方，增添了选择按钮)(4)_DedeCms教程

function show_2(){
document.write('<div id="focuse">');
document.write('<a id="imgLink" href="' imgLink[1] '" target=_blank><img src="' imgUrl

[1] '" name="imgInit" width=' imgWidth ' height=' imgHeight ' border=0 alt="' imgAlt[1] '"

style=' imgStyle '></a>');
//document.write('<div id="focustext" style="' focustextStyle '">' imgtext[1] '</div>');
document.getElementById('f_text').innerHTML=imgtext[1];
document.write('</div>');
//document.getElementById('f_link').href=imgLink[1];
//document.getElementById('blank_pic').alt=imgAlt[1];
nextAd_2();
}
/* goUrl() */
function goUrl(){
window.open(imgLink[adNum],'_blank');
}
/* playTran() */
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
<!--按钮 start-->
for (var i=count;i>=1;i--){
if (i!=1)
{
document.write('<div id="b' i '" class="' button_off '" onclick="change

(' i ')" title="' imgAlt[i] '">' i '</div>');
}
else{
document.write('<div id="b' i '" class="' button_on '" onclick="change

(' i ')" title="' imgAlt[i] '">' i '</div>');
}
}
<!--按钮 end-->
</script>
</div></td>
</tr>
<tr>
<td height="230" valign="top">


<!--pic layer-->
<div id="pic_layer">
<div id="test" style="FILTER: progid:DXImageTransform.Microsoft.Wipe

(GradientSize=1.0, wipeStyle=0, motion=forward); display:none;"></div>
<script language="javascript">
var adNum = 1;
try{ //ie6 以后版本(包括ie6
new ActiveXObject("DXImageTransform.Microsoft.Wipe");
test.filters[0].Apply();
var bStart = 0;
var browser = 1;
show_1();
}
catch (e){
//其他浏览器
var browser = 2;
show_2();
}
</script>
</div></td>
</tr>
</table>




把代码中的图保存下来，修改一下路径即可。大小具体自己修改吧，我也懒得研究了， [s:2]

效果演示图：没权限，上传不了，嘿。。

效果演示：www.pclady.com.cn

查看更多 DedeCms教程  织梦模板  织梦DedeCms视频教程  织梦dedecms专题