实现一个简单的图片轮播
最近,给一个好友的网站做的一个简单的图片轮播效果,从百度上搜索了一下,没有找到合适的。
有的写的太复杂,有的又实现不了所要的功能。
于是,还是自己写一个吧。
和大家分享一下。
下面的源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>images</title>
<script language="javascript">
setInterval(test,3000);
var array = new Array();
var i = 0;
var array = new Array(
new
Array("","https:///imgextra/i1/2566707233/TB2qs3tfOlnpuFjSZFgXXbi7FXa_!!2566 707233.jpg"),new
Array("","https:///imgextra/i2/2566707233/TB2Nb5YXJhvOuFjSZFBXXcZgFX a_!!2566707233.jpg"),new
Array("","https:///imgextra/i1/2566707233/TB2mlQEfJ4opuFjSZFLXXX8mXXa _!!2566707233.jpg")
);
function test() {
var myimg=document.getElementById("obj");
var myA=document.getElementById("obj1");
if(i==array.length-1)
{ i=0; }else{ i++; }
myimg.src=array[i][1];
myA.href=array[i][0];
}
</script>
</head>
<body>
<a id="obj1" href="" /><img id = "obj"
src="https:///imgextra/i3/1999888816/TB2JPe3lVXXXXbjXpXXXXXXXXXX_!!1999888816.png" width=400px hight=600px /> </a>
</body>
</html>。