因為你是在img里面寫的onclick=“danji”這樣的話是沒有辦法獲取到thissrc這個屬性的值得所以沒有辦法顯示你可以換成以下代碼，將需要點擊的圖片獲取成一個對象，對你的對象進行綁定點擊事件即可 ltbody ltimg；最后把圖片綁定到a標記就可以了lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大圖片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEval。

這是一個事件，觸發(fā)條件就是鼠標覆蓋在上面，比如$#39text#39hover，然后就是事件，具體如下html代碼如下 ltp這是觸發(fā)文字ltp ltimg src=#39這是圖片#39 cssimg display JQ#39p#39hover；需要用到js腳本的onmouseover和onmouseout等這是非常簡單的但是如果你不了解js可以使用DreamWeaver中的一項功能插入圖像對象鼠標經(jīng)過圖像，在彈出的對話框中，選擇好“原始圖像”和“鼠標經(jīng)過圖像”就行了。

您好很高興為您回答 onmouseover 的“雙胞胎” 兄弟onmouseout 一般來說是能夠滿足您的需求解決思路原圖片是1jpg 當鼠標移動上某一元素的時候替換圖片為2jpg當鼠標離開這一元素的時候替換圖片問1jpg定義兩；quot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想彈出文字介紹 把s1里面的img換成字就行了，或者簡單點就在第一個img上加一個alt的屬性，鼠標放在上邊也有顯示。

ltplta id=quotalquot href=quot#quot target=quot_blankquotkillltaltp ltbody lthtml 復制到記事本，另存為 html，utf8格式放個 圖片jpg 放在當前html目錄瀏覽器打開之后，鼠標放到kill上就顯示圖片了。

html 鼠標移上去換圖片

#39img#39hoverfunction$#39#文字的id#39show，function$#39#文字的id#39hide其實主要是看你文字在什么文字 如果是被圖片遮住，就給圖片加個定位，層次zindex寫為1在最下面就行了。

對用JS的鼠標事件，onmouseover方法，當鼠標移動到a標簽的時候把那個圖片的display，變成block，只要按照這個步驟走就可以做到的。

1打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎代碼2在indexhtml中的標簽中，彎歷輸入js代碼3瀏覽器運行indexhtml頁面，此時鼠標移動到超鏈接上，下面的圖片自動顯示了出來。

如果想減少網(wǎng)頁大小，實時加載那就只有用js了，下面是個例子，實測了的，你可以根據(jù)需要進行優(yōu)化lt！DOCTYPE html lthtml lthead lttitlemenulttitle ltscript type=quottextjavascriptquot function chgimgsrc var。

height100pxbackground#ccc”3給div標簽添加hover偽類，然后打出一個空格，再設置此時p標簽的顯示樣式代碼為“divhoverpdisplayblock”，這段代碼的意思是，當鼠標放在div上時，將p標簽的顯示狀態(tài)從隱藏。

html鼠標放上去圖片切換

1、100quotheight=quot28quotltA設置一個div，但是默認卻是隱藏起來的s1 position absolutedisplay js function show documentgetElementByIdquots1quotstyledisplay=quotblockquot function dis。

2、onmouseover=quotimagesabout_4pngquot onmouseout=quotimagesabout_04pngquot onmousedown=quotimagesabout_004pngquotltimg src=quotimagesabout_4pngquot鼠標滑過，鼠標離開事件，望采納。

3、在圖片后添加a標簽，給a標簽絕對定位定到圖片上點的位置，再為a標簽添加懸浮事件。