这种网页的效果怎么做？

答案:3 悬赏:70

解决时间 2021-05-14 02:00

提问者网友：霸气大叔
2021-05-13 04:01

就是按1、2、3、4、5可以切换，怎么做出来的，还有切换时的效果

最佳答案

二级知识专家网友：青春如此荒謬
2021-05-13 04:07

这个是FLASH+JS做的你可以查看源代码把他的代码复制过来

全部回答

1楼网友：孤伤未赏
2021-05-13 05:51

新建sadpics.js页面

//slideimages数组为变换的图 var slideimages=new Array(); slideimages[0]="images/ad-01.jpg"; slideimages[1]="images/ad-02.jpg"; slideimages[2]="images/ad-03.jpg"; slideimages[3]="images/ad-04.jpg"; slideimages[4]="images/ad-05.jpg";

//slidetext数组为变换的文字 var slidetext=new Array(); slidetext[0]="焦点图01"; slidetext[1]="焦点图02"; slidetext[2]="焦点图03"; slidetext[3]="焦点图04"; slidetext[4]="焦点图05";

//slidetext数组为点击大图后跳到的地址 var slidelinks=new Array(); slidelinks[0]=" http://lanren.makewing.com"; slidelinks[1]=" http://lanren.makewing.com"; slidelinks[2]=" http://lanren.makewing.com"; slidelinks[3]=" http://lanren.makewing.com"; slidelinks[4]=" http://lanren.makewing.com";

//焦点图初始内容－－start var slidespeed=3000

var slidesanjiaoimages=new Array("images/bian2.gif","images/bian1.gif"); var slidesanjiaoimagesname=new Array("xiaosan1","xiaosan2","xiaosan3","xiaosan4","xiaosan5");

var filterArray=new Array(); filterArray[0]="progid:DXImageTransform.Microsoft.Pixelate (enabled=false,duration=2,maxSquare=25 )"; filterArray[1]="progid:DXImageTransform.Microsoft.Stretch (duration=1,stretch; filterArray[2]="progid:DXImageTransform.Microsoft.Stretch(duration=1)"; filterArray[3]="progid:DXImageTransform.Microsoft.Slide(bands=8, duration=1)"; filterArray[4]="progid:DXImageTransform.Microsoft.Fade ( duration=1,overlap=0.25 )";

var imageholder=new Array() var ie55=window.createPopup for (i=0;i<slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] }

function tu_ove(){clearTimeout(setID)} function ou(){slideit()}

index.html

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="Copyright" content="韩剧资料馆 http://lanren.makewing.com/" /> <meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" /> <meta content="韩剧资料馆" name="keywords" /> <title>韩剧资料馆</title> <style type="text/css"> body{text-align:center;} td {font-size: 12px;} #textslide{color:#333333;} </style> </head> <BODY> <table width=325 border=0 cellpadding=0 cellspacing=0> <tr valign=top> <td colspan=3><a onClick="gotoshow()" onMouseOver="tu_ove()" onMouseOut="ou()" ><img src="images/ad-01.jpg" width=325 height=190 name="slide" border=0></a></td> </tr> <tr> <td width=229 height="19" align=center bgcolor=#f4f4f4 class="white"><div id=textslide>焦点图标题层</div></td> <td width=1 bgcolor=#7C7C7C><div > <div > <table width=95 border=0 cellpadding=0 cellspacing=0> <tr valign=top align=center> <td width="19" height="0"><div > <div id=xiaotu1 ><img src=images/bian1.gif id=xiaosan1 width=10 height=3 border=0></div> </div></td> <td width="19" height="0"><div > <div id=xiaotu2 ><img src=images/bian1.gif id=xiaosan2 width=10 height=3></div> </div></td> <td width="19" height="0"><div > <div id=xiaotu3 ><img src=images/bian1.gif id=xiaosan3 width=10 height=3></div> </div></td> <td width="19" height="0"><div > <div id=xiaotu4 ><img src=images/bian1.gif id=xiaosan4 width=10 height=3></div> </div></td> <td width="19" height="0"><div > <div id=xiaotu5 ><img src=images/bian1.gif id=xiaosan5 width=10 height=3></div> </div></td> </tr> </table> </div> </div></td> <td width=95 height="19"><table width=95 border=0 cellpadding=0 cellspacing=0> <tr valign=top> <td width="19" height="19" class="homejdboder"><a onMouseOver="ove(0)" onMouseOut="ou()"><img src="images/1.gif" width="19" height="19" border=0></a></td> <td width="19" height="19" class="homejdboder"><a onMouseOver="ove(1)" onMouseOut="ou()"><img src="images/2.gif" width="19" height="19" border=0></a></td> <td width="19" height="19" class="homejdboder"><a onMouseOver="ove(2)" onMouseOut="ou()"><img src="images/3.gif" width="19" height="19" border=0></a></td> <td width="19" height="19" class="homejdboder"><a onMouseOver="ove(3)" onMouseOut="ou()"><img src="images/4.gif" width="19" height="19" border=0></a></td> <td width="19" height="19"><a onMouseOver="ove(4)" onMouseOut="ou()"><img src="images/5.gif" width="19" height="19" border=0></a></td> </tr> </table></td> </tr> </table> <script language=JavaScript src="js/5adpics.js"></script> </BODY></HTML>

2楼网友：我的任性你不懂
2021-05-13 04:13

我只知道这样的切换啊！你需要的话我可以告诉你！我也是搜的!

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！