Javascript執行個體教程(14) 滑鼠觸發視窗

javascript|教程

利用javascript產生滑鼠移過時快顯視窗

本節教程將介紹當滑鼠移過圖片的時候彈出一個視窗的設計。這個彈出的視窗是一個標準的網頁，你可以設定它的大小。

首先在網頁的Header標籤處加入以下代碼：

<SCRIPT LANGUAGE="javascript">

var popupwindow_window = null;

function popupwindow(status,url) {

if(status != 0) {

if(popupwindow != null) popupwindow.focus();

else {

var popupwindow = open(url, "popupwindow", "width=350,height=225");

file://這裡設定快顯視窗的大小，寬度為350，高度為225.

popupwindow_window = popupwindow;

}

} else {

if(popupwindow_window != null) popupwindow_window.close();

}

}

</SCRIPT>

那如何調用這個javascript指令碼呢？具體代碼如下：

This is your link <A HREF=""

><img src="http://edu.cnzz.cn/images/picture.gif"

hspace=0 vspace=0 border=0 alt="Network"></A>

這樣你只要將滑鼠移過圖片picture.gif的時候，就會彈出一個寬度為350，高度為225的網頁了。