DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 原生javascript圖片輪播
原生javascript圖片輪播
編輯:關於JavaScript     
查看效果: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>


圖片輪播切換匯總
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved