導航:首頁 > 萬維百科 > 網頁設計圖片滑鼠放置浮

網頁設計圖片滑鼠放置浮

 發布時間：2020-09-12 14:02:06

1、[網頁設計]給圖片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>

2、網頁 滑鼠懸浮事件 變成另外一張圖片 CSS

IE6.0不支持非A（也就是超鏈接）的hover偽類，你可以換firefox試下，也可以使用更高版本的瀏覽器，或者改用js來實現也行，當然，換個想法也可以實現的，詳細在這里不說了。。。

3、網頁設計中,怎麼才能讓滑鼠懸浮在圖標上面時,出特效文字說明?

用DREAMWEAVER時 點圖標 下面有屬性 在替換裡面輸入內容 就可以 這個替換就是 alt標簽
TITLE也可以給圖片加說明 性能上沒有ALT好 以前有些瀏覽器是不支持圖片加TITLE屬性的 給文字或者鏈接文字加說明用title標簽

不明白的再問我。。

4、在網頁里的圖片 如何做到將滑鼠放上去後就會變成另一張圖片

需要用Dreamweaver來操作將滑鼠放上去一張圖片變成另一張圖片。

具體的操作方法和步驟如下：

1、第一步，需要打開Dreamweave軟體進入，依次單擊上方的「插入」-->「圖像對象」-->「滑鼠經過圖像」，如下圖所示。

2、其次，完成上述步驟後，彈出對話框，需要插入兩輛車，白色車是原始圖像，橙色車是經過的圖像，如下圖所示。

3、接著，完成上述步驟後，可以進行設置了。可以先在網頁上預覽， 在頁面上，有一個類似地球的小瀏覽器徽標，如下圖所示。

4、最後，完成上述步驟後，可以看到單擊後將變成另一張圖片，因此可以保存設置並完成操作了，如下圖所示。這樣，問題就解決了。

5、網頁設計，圖片的浮動，滑動滑鼠時圖片距離頂部邊框的長度總是一定的，代碼到底錯在哪裡了，幫忙看下

加上一張圖片 否則 把代碼拷進去以後什麼都看不見

6、網頁設計怎麼讓滑鼠放在一張圖片的不同位置顯示不同圖片 用dreamweaver 大神解答謝謝謝謝

我不理解你說的什麼意思。滑鼠放在一張圖片不同位置上，顯示不同的圖片？ 請問你看那個網站有這樣的功能？ 還是說 這是你想像出來的。你做這個是應用在什麼上？

7、在凡科製作網頁的這圖片滑鼠放到圖片上就會有不一樣的圖片浮現出來，要怎麼弄掉

img也是可以做偽類屬性的，如img：hover。至於你說的滑鼠放上去之後全部都有邊框，這個你把代碼曬出來看看才知道。初步判斷a標簽加錯了。

8、網頁製作，滑鼠經過圖片變暗,點擊變大,圖標上浮，這是什麼特效

其實就是html裡面的a標簽的css屬性偽類，link、visited、hover、active；通過css可以實現的。

9、網頁設計中製作漂浮圖片，怎樣能使滑鼠經過的時候停止？

document.writeln("<div id=\"ad\" style=\"position:absolute\"><embed src=\"http://www.okzhuhai.com\/adbanner\/mhsc070501.swf\" quality=\"high\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" type=\"application\/x-shockwave-flash\" width=\"200\" height=\"118\"><\/embed><\/div>");
document.writeln(" <script>");
document.writeln(" var x = 600,y = 80");
document.writeln(" var xin = true, yin = true");
document.writeln(" var step = 2 ");
document.writeln(" var delay = 20");
document.writeln(" var obj=document.getElementById(\"ad\") ");
document.writeln(" function floatAD() {");
document.writeln(" var L=T=0");
document.writeln(" var R= document.body.clientWidth-obj.offsetWidth");
document.writeln(" var B = document.body.clientHeight-obj.offsetHeight");
document.writeln(" obj.style.left = x + document.body.scrollLeft");
document.writeln(" obj.style.top = y + document.body.scrollTop");
document.writeln(" x = x + step*(xin?1:-1) ");
document.writeln(" if (x < L) { xin = true; x = L} ");
document.writeln(" if (x > R){ xin = false; x = R} ");
document.writeln(" y = y + step*(yin?1:-1) ");
document.writeln(" if (y < T) { yin = true; y = T } ");
document.writeln(" if (y > B) { yin = false; y = B } ");
document.writeln(" }");
document.writeln(" var itl= setInterval(\"floatAD()\", delay) ");
document.writeln(" obj.onmouseover=function(){clearInterval(itl)} ");
document.writeln(" obj.onmouseout=function(){itl=setInterval(\"floatAD()\", delay)}");
document.writeln(" <\/script>")
t.writeln(" <\/script>")

將以上代碼保存為 move2.js 在需要漂浮的頁面調用即可。調用方法：
<SCRIPT language=javascript src="/images/move2.js"></SCRIPT>將此插入到網頁head區域即可。

10、在網頁設計中，怎樣設計當滑鼠浮動到超鏈接文本是，改變字體顏色和像素？

用CSS

a {color:#XXXXXX; font-size:12px;} // 滑鼠沒經過時，平常鏈接的字體顏色（XXXXXX是顏色的編號）和字型大小（這段可以不寫，但是訪問過的鏈接會變成紫色，如果不想變紫色，就寫上這段）
a:hover {color:#XXXXXX; font-size:14px;} //滑鼠經過時顏色，字型大小

與網頁設計圖片滑鼠放置浮相關的知識