| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 945 人关注过本帖
标题:元宵快乐,磕求大侠,指点迷津,永感大德!!!!!
只看楼主 加入收藏
浪子回头
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2005-2-20
收藏
 问题点数:0 回复次数:3 
元宵快乐,磕求大侠,指点迷津,永感大德!!!!!

小弟求教大哥们,假设有5张图片,载入页面的时候先是显示第一张图片,过了2秒以后在同一个位置显示第二张图片,又过了2秒以后又显示第三张图片,以此类推,这样不停的循环下去,我错在哪里呀,或者那位大哥有更好的写法也可以告诉小弟呀,恳请把步骤和代码写得详细和易懂些,小弟感恩不尽!!! <body onLoad="showimage()"> <script language=javascript><!-- var fadeimages=new Array(); fadeimages[0]="a.jpg"; fadeimages[1]="b.jpg"; fadeimages[2]="c.jpg"; fadeimages[3]="d.jpg"; fadeimages[4]="e.jpg";

var preloadedimages=new Array(); for(p=0;p<fadeimages.length;p++);{ preloadedimages[p]=new Image(); preloadedimages[p].src=fadeimages[p]; } var pause=2000;

function showimage();{ switch(preloadedimages[p]); { case 0: document.write('<img src="./images/a.jpg">'); break; case 1: document.write('<img src="./images/b.jpg">'); break; case 2: document.write('<img src="./images/c.jpg">'); break; case 3: document.write('<img src="./images/d.jpg">'); break; case 4: document.write('<img src="./images/e.jpg">'); break; } setTimeout(showimage(),2000) ; }</script>

搜索更多相关主题的帖子: 元宵 大德 快乐 
2005-02-23 17:15
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 
[CODE]&lt;body onLoad="showimage()"&gt;
&lt;script language=javascript&gt;
&lt;!--  
var fadeimages=new Array();
fadeimages[0]="/bbs/Skins/Default/postnew.gif";
fadeimages[1]="/bbs/Skins/Default/votenew.gif";
fadeimages[2]="/bbs/Skins/Default/mreply.gif";
fadeimages[3]="/bbs/aaa/logo.gif";
fadeimages[4]="/bbs/Images/userface/image1.gif";
var preloadedimages=new Array();
for(p=0;p&lt;fadeimages.length;p++);{
preloadedimages[p]=new Image();
preloadedimages[p].src=fadeimages[p];
}
var pause=2000;
function showimage() {
img.src=fadeimages[parseInt(Math.random()*5)];
setTimeout("showimage()",2000) ;
}
&lt;/script&gt;
&lt;img id="img" src="" alt=""&gt;[/CODE]

[此贴子已经被作者于2005-2-23 19:20:52编辑过]



天津网站建设 http://www./
2005-02-23 19:19
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

配合样式表,还可以做出各式各样的切换效果。 [CODE] <body onLoad="showimage()"> <script language=javascript> <!-- var fadeimages=new Array(); fadeimages[0]="Skins/Default/postnew.gif"; fadeimages[1]="Skins/Default/votenew.gif"; fadeimages[2]="Skins/Default/mreply.gif"; fadeimages[3]="aaa/logo.gif"; fadeimages[4]="Images/userface/image1.gif";

var preloadedimages=new Array(); for(p=0;p<fadeimages.length;p++);{ preloadedimages[p]=new Image(); preloadedimages[p].src=fadeimages[p]; }

function showimage() { var TransEffect=parseInt(Math.random()*23);

img.filters.item(0).Transition=TransEffect; img.filters.item(0).Apply(); img.src=fadeimages[parseInt(Math.random()*5)]; img.filters.item(0).Play(); setTimeout("showimage()",5000) ; } </script> <img id="img" src="" style="filter:revealTrans(Transition=0,Duration=3)">

[/CODE]

天津网站建设 http://www./
2005-02-23 19:32
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

渐隐渐现效果 [CODE] <body onLoad="showimage()"> <script language=javascript> <!-- var fadeimages=new Array(); fadeimages[0]="Skins/Default/postnew.gif"; fadeimages[1]="Skins/Default/votenew.gif"; fadeimages[2]="Skins/Default/mreply.gif"; fadeimages[3]="aaa/logo.gif"; fadeimages[4]="Images/userface/image1.gif";

var preloadedimages=new Array(); for(p=0;p<fadeimages.length;p++);{ preloadedimages[p]=new Image(); preloadedimages[p].src=fadeimages[p]; }

function showimage() { img.filters.item(0).Apply(); img.src=fadeimages[parseInt(Math.random()*5)]; img.filters.item(0).Play(); setTimeout("showimage()",5000) ; } </script> <img id="img" src="" style="filter:blendTrans(duration=3)">

[/CODE]

天津网站建设 http://www./
2005-02-23 19:35
快速回复:元宵快乐,磕求大侠,指点迷津,永感大德!!!!!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.032185 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved