html鼠標懸停在圖片顯示文字代碼的簡單介紹
title是圖片顯示的標題,alt是替換文字,即當圖片顯示錯誤的時候,會顯示alt里面的文字鼠標放上去都會顯示title和alt這兩個屬性里面的文字,但title優(yōu)先級高于alt但是 ltimg alt=鼠標停留顯示的文字ltbr鼠標停留顯示的文字。
鼠標的移入移出事件,可以參考下手冊,思路就是 1, 你給每個圖片都有一個特殊的id標示,然后隱藏的div就是文字顯示的id可以為quotimg_quot+圖片的id 2 移入時 隱藏id圖片 顯示quotimg_quot+圖片的id的div文字 3移出時 就。
lta href=quot title=quot請點擊我quot百度網(wǎng)址lta 如上示例在href 里面寫上你要鏈接的網(wǎng)站,在lta標簽之間寫上需要停留的文字,title是標題,就是鼠標懸浮的時候出現(xiàn)的提示語。
1首先輸入lt!DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle鼠標懸停圖片上顯示文字 在線演示 title ltstyle imgborder0* css 注釋說明設(shè)置圖片邊框為0 * body。
txtsetAttributequottitlequot,quot鼠標懸停了quotltscript ltbody lthtml 二div實在的在開發(fā)工具里面的代碼效果如下截圖三這段代碼最主要的重點是如下ltscript type=quottextjavascriptquot var txt =。
在Dreamweaver網(wǎng)頁設(shè)計中常常會需要設(shè)計鼠標指向圖片時顯示文字,具體操作步驟如下1啟動Dreamweaver cs4,點擊“插入”中的“圖像”,如圖2選擇要插入的圖片,按“確定”按鈕,如圖3切換到代碼模式,在img標簽后面加。
ltIMG id=logo alt=logo src=quotimageslogopngquot 這樣當鼠標懸停在圖片上面就會浮現(xiàn)alt=的內(nèi)容,也就是logo。
瀏覽器展示出該標簽的title內(nèi)容,讓鼠標移走,內(nèi)容消失,如下div height100pxwidth100pxbackgroundcoloraqua ltdivtitle=\quot我是鼠標懸停展示的內(nèi)容\quot文字內(nèi)容文字內(nèi)容ltdiv。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。