DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例教程(13) 鼠標觸發窗口
Javascript實例教程(13) 鼠標觸發窗口
編輯:關於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");

//這裡設置彈出窗口的大小,寬度為350,高度為225.

popupwindow_window = popupwindow;

}

} else {

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

}

}

</SCRIPT>

那如何調用這個JavaScript腳本呢?具體代碼如下:

This is your link <A HREF=""

><img src="/images/NullPic.gif"

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

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

點擊此處去測試效果頁面


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