你現(xiàn)在的效果應該是鼠標移上去之后會變成另外一張圖片使用的是CSS的偽類，alink color #FF0000* 未訪問的鏈接 * avisited color #00FF00* 已訪問的鏈接 * ahover color #FF00FF* 鼠標移動到鏈接上 * aactive color #0000FF* 選定的鏈接 * 提示在 CS。

鼠標移出時，通過closeDiv移除這個div closeDivquotdescriptionquot* Sart 移除元素方法 * function closeDivobj var divobj = documentgetElementByIdobjdivobj * End移除元素方法 * * Start 兼容代碼 讓火狐兼容insertAdjacentHTML 屬性 * i。

如圖，獲取img，轉成JS對象，加個0就可以轉js對象了5然后設定經(jīng)過事件，切換成另一張圖片，這樣就產(chǎn)生鼠標經(jīng)過切換圖片的效果了6但是一旦鼠標離開了，就要切換回原來的圖片素材，所以再加一個離開事件，這樣離開后就變換成原來的圖片7如圖，現(xiàn)在我的鼠標在圖片上，就變成twopicture了。

ltdiv id=quotpic_lstquot lt！ onclick or onmouseover ltimg src=quot1gifquot alt=quotalt1quot onmouseover=quotdoShowPicthissrc，thisaltquotltbr ltimg src=quot2gifquot alt=quotalt2quot onmouseover=quotdoShowPicthissrc，thisaltquotltbr ltimg src=quot3gifquot alt=quotalt3quot onmouseover=quotdoShowPic。

那個透明的盒子是單獨寫的，寫好后，使用絕對定位將其移到圖片盒子區(qū)域外比如說left9999px，圖片要求使用overflowhidden，這樣剛開始的時候就看不見文字，然后給圖片添加hover偽類，改成你需要定位的值，鼠標移上去顯示出來要慢慢下滑出來或者其他動態(tài)出來，使用css的過渡效果就行了。

每當點擊一下圖片時a在原來基礎上+1 imgclickfunction a=a+1判斷a除以2的余數(shù)任何數(shù)除以2都只會有2個余數(shù)，0或1，當余數(shù)=1時，div1顯示，其他情況下，div2顯示，div1消失if a%2=1 div1cssquotdisplayquotquotblockquotdiv2cssquotdisplayquotquotquot。

1， 2 外面包一層 div 稱為3，并且 2 預設 display 設定為 隱藏 當鼠標滑過 3 ，就把 3hover 2 的 display 打開block 即可 不懂可以私信問我詳細。

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

jpgquotltdivltdivltstyledivpositionrelative width800px marginautoimgpositionabsolute zindex0img2left150px top100pximg1hoverzindex1ltstyle利用hover偽類就可以實現(xiàn)，自己再稍微修改下就可以了，解決請采納。

css讓鼠標懸浮旋轉出現(xiàn)另一張圖片鼠標拿開旋轉消失，可以嘗試一下代碼 xwcms margin 0 autowebkitborderradius 110pxborderradius 110pxwebkittransition webkittransform 02s easeoutmoztransition moztransform 02s easeoutotransition otransform 02s。

兩張圖片放到一個div里面，一個顯示 一個隱藏ltdiv class=quotimglistquotltimg class=quotshowquot src=quotajpgquotltimg class=quothiddenquot src=quotbjpgquotltdivltstyleimglist showdisplayblockimglist hiddendisplay ltstyle ltscript$documentreadyfunction $quot。

ltstyle type=quottextcssquot img border0height100px width150px td img margin0 10px ltstyle lthead ltbody lt！ 縱向向無縫滾動 ltdiv id=quotdemoquot style=quotoverflowhiddenheight350pxwidth200pxquot ltdiv id=quotdemo1quot lta href=quot#quot target=quot_blankquotltimg。

首先在頁面上把這個下面的方框?qū)崿F(xiàn)出來，就舉例是一個div，然后css中做一個類或者類似的辦法，例如jquery里面的show和hide方法，這樣在js中在寫一個事件，當鼠標放到上面小的區(qū)域里面的時候，就觸發(fā)，讓css的display屬性顯示，鼠標移出的時候在恢復回去。

lt！DOCTYPE htmllthtmlltheadltmeta charset=utf8lttitleddlttitleltstyle li img display lihover img displayblock ltstyleltheadltbodyltulltli ltdivs。

function $quot#div1quotmouseoverfunction $quot#div2quotstopanimate top 0 ， 100， function 動畫之后執(zhí)行的函數(shù) mouseoutfunction $quot#div2quotstopanimate top 200 ， 100， function 動畫之后執(zhí)行的函數(shù)。

1先在找個文件夾創(chuàng)建文件indexhtml2然后用能編輯文本文件的軟件打開indexhtml，indexhtml的初始內(nèi)容如圖3接著編寫兩個樣式作為鼠標移動時div修改的樣式4然后編寫js代碼修改div的樣式5編輯完indexhtml后保存，在瀏覽器中打開indexhtml效果如圖鼠標移入移出div時，div的樣式改變。