效果图
先在后台建立个标签模板
列表内容模板(list.var) (*)：
<A id="foclnk" href="[!--titleurl--]" target="_blank">
<img id="focpic" style="FILTER:RevealTrans
(duration=1;ransition=12);visibility:visible;position:absolute;" height="355" alt="[!--oldtitle--]"
src="[!--titlepic--]" width="454"></A>
<div id="foctitle" class="thumb_title"><A href="[!--titleurl--]" >[!--title--]</A></div>
然后首页调用代码：
<LINK href="[!--news.url--]templates/xhtml/skins/xhtml/focus.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="[!--news.url--]templates/xhtml/skins/xhtml/js/jquery.js"></script>
<!--幻灯开始-->
<link href='[!--news.url--]templates/xhtml/skins/xhtml/flash.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="[!--news.url--]templates/xhtml/skins/xhtml/js/show_ads.js"></script>
[ecmsinfo]89,1,50,0,0,63,1[/ecmsinfo]
<div id="Slide_Thumb">
[e:loop={89,5,0,1}]
<?php
$jg='off';
if($bqno==1)
{
$jg='on';
}
?>
<div class="thumb_<?=$jg?>" id="tmb<?=$bqno-1?>" onmouseover="setfoc(<?=$bqno-1?>);" onmouseout="playit();">
<A href="<?=$bqsr[titleurl]?>" target=_blank>
<IMG src="<?=$bqr[titlepic]?>" alt="<?=$bqr[title]?>" width="75" height="55" border="0"></A></DIV>
[/e:loop]
<SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
[e:loop={89,5,0,1}]
picarry[<?=$bqno-1?>]="<?=$bqr[titlepic]?>";
lnkarry[<?=$bqno-1?>]="<?=$bqsr[titleurl]?>";
ttlarry[<?=$bqno-1?>]="<?=$bqr[title]?>";
[/e:loop]
</SCRIPT></DIV>
</div>
<!--幻灯结束-->
把相应路径和ID改成自己的就行了
CSS和JS文件：
上传以下附件：
[下载 *.rar](文件大小：3.75 KB,下载次数：60)
|
顶部 
加入收藏夹
[分享]分享个好看的JS焦点图
2010-01-19 16:34:37 
已设置保密
回复
引用
报告
编辑
删除
