1、html如何在鼠標(biāo)經(jīng)過(guò)另一張圖片時(shí)顯示它1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級(jí)1準(zhǔn)備切換圖片素材，一般是兩個(gè)，如圖，放在img文件夾里，和HTML一個(gè)級(jí)別2然后用img嵌入到網(wǎng)頁(yè)，嵌入其中的一張，另外一張待會(huì)切換2然后用img嵌入到網(wǎng)頁(yè)中，嵌入其中一個(gè)，以后再。

2、1新建html文件，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，div標(biāo)簽里面嵌套一個(gè)p標(biāo)簽，然后添加p標(biāo)簽內(nèi)容，這里以“演示文本”為例2在head標(biāo)簽中添加style標(biāo)簽，然后在style標(biāo)簽中給p標(biāo)簽設(shè)置預(yù)先顯示樣式，預(yù)先是先不顯示的，所以給p標(biāo)簽設(shè)置的屬性代碼是“pdisplay”再給div設(shè)置寬和高，這里為了。

3、最簡(jiǎn)單的方法是使用圖片img標(biāo)記的title屬性，參考代碼如下。

4、邊框盡量用在a上，避免用在img上 hover偽類(lèi)盡量用在a上，因?yàn)镮E6不支持其他元素的hover偽類(lèi)hover意思就是鼠標(biāo)移上去的動(dòng)作不知道你有沒(méi)有用reset來(lái)清理頁(yè)面，畢竟各瀏覽器默認(rèn)效果不一，因此我把reset的css也寫(xiě)了進(jìn)去，第二部分為你想要的cssa標(biāo)簽要設(shè)定邊框，一定要它把先轉(zhuǎn)為塊級(jí)元素，否。

5、你好，鼠標(biāo)滑過(guò)圖片，圖片產(chǎn)生淡入淡出的效果，這個(gè)可以用jquery來(lái)實(shí)現(xiàn)具體寫(xiě)法是quotbntquotmouseoverfunction $quotimgquotfadeOut300，function $quotimgquotfadeIn300 這個(gè)效果涉及到fadeOutfadeIn等js元素，建議你百度搜索“趙一鳴隨筆博客”，在網(wǎng)站的建站視頻欄目中。

6、通?？梢允褂胏ss樣式的 hover 選擇器， 如示例div1也可以使用js來(lái)控制css樣式，用js可以靈活加入其它效果延遲顯示隨機(jī)背景圖， 如示例div2示例代碼lt！DOCTYPE htmlDocumentd1width 150pxheight 150pxd1hover *在這里使用hover 來(lái)改變背景圖 *backgroundurl0_1。

7、純CSS代碼特效，當(dāng)鼠標(biāo)經(jīng)過(guò)圖片時(shí)，圖片彈出說(shuō)明文字，文字背景半透明，同時(shí)圖片的邊框會(huì)變換顏色 鼠標(biāo)經(jīng)過(guò)圖片，邊框變色，圖片上出現(xiàn)半透明文字 imgborder wrapmargin8pxpositionrelative photo apositionabsolutedisplayblockborder1px solid #padding2px photo a。

8、1打開(kāi)hbuilder，在空白的html文件上面設(shè)置一個(gè)div，給div一個(gè)class并命名為img2在css里設(shè)置img的類(lèi)一定的寬和高，引入示例圖片，設(shè)置圖片為不重復(fù)并且給img的類(lèi)設(shè)置“hover”偽類(lèi)，設(shè)置偽類(lèi)內(nèi)的透明度為063打開(kāi)瀏覽器，在瀏覽器內(nèi)查看效果4將鼠標(biāo)移入圖片，就會(huì)發(fā)現(xiàn)圖片已經(jīng)變亮了。

9、下面的圖片滾動(dòng)代碼僅用于html網(wǎng)頁(yè)中，分別可以向上向下向左向右的滾動(dòng)把下面此代碼插入html網(wǎng)頁(yè)的lt body中就可以了lt！下面是向上滾動(dòng)代碼 var speed=30 這個(gè)是速度值越大速度越慢 butong_net_top2innerHTML=butong_net_top。

10、首先設(shè)置一個(gè)div對(duì)象，用CSS樣式設(shè)置img為背景圖片，同時(shí)設(shè)置隱藏a標(biāo)簽，然后在錨文本寫(xiě)下顯示的文字，設(shè)置背景樣式為半透明filteralphaopacity=60mozopacity05opacity 05，最后設(shè)置鼠標(biāo)經(jīng)過(guò)圖片的時(shí)候才會(huì)顯示文字內(nèi)容所寫(xiě)代碼為lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10。

11、transform rotateZ360deg webkittransform rotateZ360deg moztransform rotateZ360deg 我自己參考火影網(wǎng)站寫(xiě)的，如果你對(duì)css3有了解看這些代碼應(yīng)該沒(méi)問(wèn)題。

12、可以用JS代碼，如上，也可以用簡(jiǎn)單的CSS實(shí)現(xiàn)現(xiàn)在我假設(shè)你有HTML，CSS基礎(chǔ)如果沒(méi)的話(huà)，那就真的沒(méi)辦法了這是WEB的基礎(chǔ)啊啊~~ #zhanghu backgroundurl1jpg #zhanghuhover lt！鼠標(biāo)經(jīng)過(guò)時(shí) backgroundurl2jpg。

13、用hover偽類(lèi)來(lái)做 做好是給圖片加以個(gè)標(biāo)簽，然后對(duì)標(biāo)簽設(shè)置hover 例如一個(gè)圖片 移上去的圖片叫hoverjpg 兩個(gè)圖片大小一樣 改寫(xiě)成 再在css中添加 example backgroundurl#39examplejpg#39 norepeat displayblock width100px height100px examplehover backgroundurl#39hoverjpg#39。

14、不用那么麻煩，活用a標(biāo)簽就可以了 ahome backgroundurl鼠標(biāo)滑過(guò)之前的圖片地址 norepeat width100px height20px displayinlineblock_floatleft ahomehover backgroundurl鼠標(biāo)滑過(guò)的圖片地址 norepeat 首頁(yè) 這樣就可以實(shí)現(xiàn)有鏈接的可以換圖的效果。

15、onmouseout的意思是鼠標(biāo)移出的時(shí)候觸發(fā)這個(gè)事件你的目的是移過(guò)注意不是移出的話(huà)，你應(yīng)該使用onmouseover最后，如果你看不明白以上三條的話(huà)，你把你代碼中的onmousemove改成onmouseover試試，然后建議你先去系統(tǒng)學(xué)習(xí)下css和基本的js之后再來(lái)解決這個(gè)問(wèn)題。

16、我想你這個(gè)問(wèn)題描述的不是太清晰吧，我猜想你是想說(shuō)鼠標(biāo)經(jīng)過(guò)圖片的時(shí)候在圖片的底部顯示描述性文字吧這個(gè)實(shí)現(xiàn)起來(lái)非常困難，你應(yīng)該也了解，css可以通過(guò)偽類(lèi)實(shí)現(xiàn)一些互動(dòng)效果，但是所有這些互動(dòng)效果都有一個(gè)很大的限制，通過(guò)偽類(lèi)只能實(shí)現(xiàn)事件發(fā)生元素本身的特效，比如，我們通過(guò)純css不可能實(shí)現(xiàn)你點(diǎn)擊一個(gè)按鈕。