關於學習JS的一些體會

        咱們常常在一些購物網站上看到一些圖片會自動切換,這樣作的做用是減小空間的佔用,能讓瀏覽網頁的人獲取大量的信息,咱們能夠利用數組實現自動切換圖像的效果,具體操做以下:javascript

       打開網頁文檔,在<head>與</head>之間輸入如下代碼。java

<script language="javascript">
var img=new Array(3);  //建立數組
var nums=0;
if(document.images)
{
for(i=1;i<=3;i++){
img[i]=new Image(); //建立對象實例
img[i].src="images/00"+i+".jpg"; //設置全部圖片的路徑及名稱
}
}
function fort() //定義圖片切換函數
{
num++;
document.images[0].src=img[nums].src;
if(nums==3)
nums=0;
}
function slide() //每隔一秒接二連三地調用fort()函數
{
setInterval("fort()",1000);
}
</javascript>
將光標放置在<body>標記內,輸入代碼onload=slide().
相關文章
相關標籤/搜索