查看效果:http:///keleyi/phtml/image/14.htm
本效果不錯,就是沒有鏈接比較遺憾。
HTML文件代碼:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>原生javascript圖片輪播-</title>
<style>body{ font-family:"Times New Roman", Times, serif;}</style>
<link href="http:///keleyi/phtml/image/14/keleyiimagebox.css" type="text/css" rel="Stylesheet" />
<script src="http:///keleyi/phtml/image/14/keleyiimagebox.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
window.onload = function () {
var runimg = new runImg();
runimg.count = 5;
runimg.imgurl = [
"<img src=\"http:///keleyi/phtml/image/14/T117eTXmXqXXXXXXXX.jpg\"/>",
"<img src=\"http:///keleyi/phtml/image/14/T1t8eTXbBtXXXXXXXX-490-170.png\"/>",
"<img src=\"http:///keleyi/phtml/image/14/T1OVOUXeNjXXXXXXXX.jpg\"/>",
"<img src=\"http:///keleyi/phtml/image/14/T1J.9TXc8lXXXXXXXX.jpg\"/>",
"<img src=\"http:///keleyi/phtml/image/14/T1ITuTXbRnXXXXXXXX-490-170.png\"/>"];
runimg.info("#box-ke"+"leyi-com");
runimg.action("#box-k"+"eleyi-com");
}
-->
</script>
</head>
<body>
<div style="width:500px;margin:0px auto;"><h2>原生javascript圖片輪播</h2>
<a href="http:///a/bjac/9jsb6j23.htm" target="_blank">原文</a>
</div>
<div id="box-keleyi-com"></div>
</body>
</html>
圖片輪播切換匯總