今天在网上转悠,发现了一个超酷的JS图片切换特效代码,非常棒,所以就放在下面了:
index.htm的源代码为:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="盼盼的家园http://www.panpan.org/" />
<meta name="description" content="广告代码,网站常用广告代码,JS广告代码" />
<meta content="盼盼的家园" name="keywords" />
<title>一个超酷的JS图片切换特效代码-盼盼的家园</title>
<LINK media=screen href="css/css.css" type=text/css rel=stylesheet>
</head>
<body>
<br />
<!--flash幻灯展示开始-->
<div id=flash_show_out>
<div id=flash_show>
<div id=flash_img></div>
<div id=flashtrans></div>
<div id=flash_btn>
<div><a id=img_prev_btn onClick="showPrevImage();return false;"
href="http://www.panpan.org" target=_self>«</a></div>
<div><a id=aimg0 onClick="javascript:showImage(0);return false;"
href="http://www.panpan.org" target=_self></a></div>
<div><a id=aimg1 onClick="javascript:showImage(1);return false;"
href="http://www.panpan.org" target=_self></a></div>
<div><a id=aimg2 onClick="javascript:showImage(2);return false;"
href="www.panpan.org" target=_self></a></div>
<div><a id=aimg3 onClick="javascript:showImage(3);return false;"
href="www.panpan.org" target=_self></a></div>
<div><a id=img_next_btn onClick=" showNextImage();return false;"
href="www.panpan.org" target=_self>»</a></div>
</div>
</div>
<div id=flash_show_ctl>
<div id=flash_show_ctl_msg><a id=flash_title></a></div>
</div>
</div>
<script src="css/imgscroll.js" type=text/javascript></script>
<script language=javascript type=text/javascript>
var fImgs = new Array();
fImgs[0] = {title:" 让世界充满“2”",img:"images/01.jpg ",href:"http://wwww.panpan.org/"};
fImgs[1] = {title:" 中国人的十大欲望排行榜",img:"images/02.jpg ",href:"http://www.panpan.org/"};
fImgs[2] = {title:" 窒息!当我走近青藏高原",img:"images/03.jpg ",href:"http://www.panpan.org/"};
fImgs[3] = {title:" 看看国外充满童趣的性教育",img:"images/04.jpg ",href:"http://www.panpan.org/"};
imagePlay();
</script>
<!--flash幻灯展示控制结束-->
<br>
</body>
</html>
演示地址:
http://www.panpan.org/newtexiao/flashimg