導航:首頁 > 萬維百科 > 網頁設計中滑鼠經過圖片的效果

網頁設計中滑鼠經過圖片的效果

發布時間:2020-10-08 07:30:06

1、網頁設計中,怎樣可以當滑鼠經過一個圖片時,會發生顏色變化

把圖片做成元件..影片或按鈕元件都行..

2、[網頁設計]給圖片img 標簽加上滑鼠經過效果

直接復制下來就能用了:

<HTML><head>
<script>
function ms_event(sef){
location.href = "#hi";
}
function go_click(sef){
window.open(sef.href);
}
</script>
</head>
<body>

當滑鼠移到文字或者圖片上面便會自動點擊上面的鏈接:
<a href="http://www.baidu.com" onmouseover="go_click(this)"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" /></a>
<p> </p>

<div id="hi">當滑鼠移動到最下面的圖片或者文字上時,就會定位到這里</div>
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
<a href="http://www.baidu.com" onmouseover="ms_event(this);">還有一個就是當滑鼠移動到某個圖片或者文字上時,滑鼠自動跳到頁面的其他位置上<a>

</body>
</HTML>

與網頁設計中滑鼠經過圖片的效果相關的知識