深喉咙企业网站系统社区 » SHLCMS Php 内容页[parts模块]样式交流 » 一个简单的产品幻灯片效果

zj0577xiaoqi 发表于 2009-8-21 22:43

一个简单的产品幻灯片效果

[i=s] 本帖最后由 zj0577xiaoqi 于 2009-8-22 09:20 编辑 [/i]

[code]<script language=JavaScript>
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
//修改下面的图片地址和相应的链接地址
bannerAD[0]="这里放图片0路径";
bannerADlink[0]="这里放图片0链接地址";
bannerAD[1]="这里放图片1路径";
bannerADlink[1]="这里图片1链接地址";
bannerAD[2]="这里放图片2路径";
bannerADlink[2]="这里放图片2链接地址";
bannerAD[3]="这里放图片3路径";
bannerADlink[3]="这里放图片3链接地址";
bannerAD[4]="这里放图片4路径";
bannerADlink[4]="这里放图片4链接地址";
bannerAD[5]="这里放图片5路径";
bannerADlink[5]="这里放图片5链接地址";
bannerAD[6]="这里放图片6路径";
bannerADlink[6]="这里放图片6链接地址";


var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>
<a
href="javascript:jump2url()"><img
style="FILTER: revealTrans(duration=2,transition=20)" height=140
src="images/shu.gif" width=234 border=0 （在这里可以修改幻灯片显示参数，比如高度与宽度）
name=bannerADrotator /></a>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

[/code]把以上代码放到你需要显示的位置就可以了,不好意思,我第一次发忘了附上说明,有什么问题可以给我发电子邮件:zj0577xiaoqi#gmail.com[/i][/i][/i]

zj0577xiaoqi 发表于 2009-8-21 22:45

本人在深喉咙论坛也是第一次发帖子，请大家有什么不满意的地方，指出来，谢谢

zj0577xiaoqi 发表于 2009-8-22 10:49

[i=s] 本帖最后由 zj0577xiaoqi 于 2009-8-22 18:22 编辑 [/i]

本人因为本地测试的,没办法给在线效果演示,给几张演示图片

zj0577xiaoqi 发表于 2009-8-23 10:53

悲哀,都没人支持

maxazure 发表于 2009-8-27 18:06

支持，但是没看很懂。你的演示也很简单啊，看不到什么东西

maxazure 发表于 2009-8-27 18:06

再支持一次

龙啸九天 发表于 2009-9-4 11:12

不知什么样的效果哦

qianwx 发表于 2009-9-12 08:16

他的意思可能是产品的图片有类似幻灯片的轮换效果。。
支持一下。。。

disinet 发表于 2009-9-20 09:47

明白了，有点类似新闻的那种吧。

javaxue 发表于 2009-11-10 22:59

不错不错。。真是好东西

独霸天下 发表于 2009-11-12 15:45

没有看到什么效果　呀

cyrixliu 发表于 2010-3-26 00:09

有点像首页的那个图片轮显

fordown 发表于 2010-5-7 02:45

我是来看图图图的，寻找长期仿站合作伙伴~~~ 有意合作者联系QQ:451580201...... 注明：仿站合作伙伴。。谢谢。。。

khmico 发表于 2010-5-20 23:02

没有看到什么效果　呀

haitt00 发表于 2010-6-10 12:39

不好用:o

查看完整版本: 一个简单的产品幻灯片效果