網站鼠標特效js代碼（網站鼠標點擊特效）

• 1、請教網頁設計高手鼠標特效代碼代碼求大神幫助
• 2、求 js 特效，鼠標滑過，顯示浮層
• 3、在html中怎麼用js實現鼠標指向圖片時圖片放大的效果？（具體實現）

鼠標移上去就打開頁面: 第一步:把如下代碼加入body區域中 SCRIPT Language=”JavaScript”function winopen () {msg=open(“update.htm”,”NewWindow”,”toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=260″);}/SCRIPT 第二步:把如下代碼加入body區域中 a href=”鏈接地址” onMouseOver=”winopen(); return true;”IMG SRC=”shu.gif” border=”0″/a 自動跳轉的話這個度試看 a href=” 鏈接地址” onMouseOver=”指定頁面”IMG SRC=”shu.gif” border=”0″/a 不行的話加我Q吧 我這個只是理論的寫寫 沒實現過 你試試看吧

滿意請採納

這個啊，我自己的習慣是把那個浮層放在下層的同一個DIV或者TR內，初始給這個復層一個設置:XXXX id=”test” style=”display:none;” onfocus=”javascrip:change()”/

然後在javascript中設置

function change(){

document.getelementbyid(“test”).style.display=”block”;

}

一開就恢復就在寫一個onblur的JS就好了，這麼寫吧，平常老用快捷鍵，具體字母忘了T_T

分別寫一個onmouseover和onmouseout事件。然後在事件裡面加一個function，分別寫想要放大的尺寸和縮小或復原的尺寸。

具體代碼實現如下：

img id=”img” onmouseover=”bigger()” onmouseout=”smaller()” src=”你的圖片路徑” style=”width:100px;height:100px;” /

script type=”text/javascript”

var img = document.getElementById(‘img’);

function bigger(){

 img.style.width = ‘400px’;

 img.style.height = ‘400px’;

}

function smaller(){

 img.style.width = ‘100px’;

 img.style.height = ‘100px’;

}

/script

擴展資料：

HTML 4.0 的新特性之一是有能力使 HTML 事件觸發瀏覽器中的動作（action），比如當用戶點擊某個 HTML 元素時啟動一段 JavaScript。下面是一個屬性列表，這些屬性可插入 HTML 標籤來定義事件動作。

參考資料：

JavaScript官方API接口-GlobalEventHandlers.onmouseover

JavaScript官方API接口-GlobalEventHandlers.onmouseout

W3cSchool-JavaScript 事件參考手冊