我做的全部在下面 ，自己看看，不懂的在問(wèn)問(wèn)我 ltHTML ltHEAD ltMETA NAME=quotGENERATORquot Content=quotMicrosoft Visual Studio 60quot ltTITLE字符跟隨鼠標(biāo)ltTITLE ltstyle type=quottextcssquot spanstyle COLOR #ffd8ff FONTFAMILY 宋體 FONTSIZE 10pt POSITION absolute TOP 50px；缺點(diǎn)提示信息樣式單一，而且不明顯如代碼ltimg src=quot圖片路徑quot title=quot提示信息文字quot 利用鼠標(biāo)事件onmouseover，利用js，控制鼠標(biāo)移入時(shí)候，上方會(huì)出現(xiàn)自己用CSS樣式寫(xiě)出的想要表達(dá)的提示信息優(yōu)點(diǎn)提示信息樣式可以自己定義，個(gè)性化缺點(diǎn)比較復(fù)雜，需要web前端開(kāi)發(fā)人員來(lái)做沒(méi)有html，css，js。

在html文件中添加一個(gè)事件，就是當(dāng)鼠標(biāo)滑動(dòng)到submit按鈕上時(shí)，設(shè)置鼠標(biāo)樣式即可，具體例子如下lthtmlltbodyltp請(qǐng)把鼠標(biāo)移動(dòng)到單詞上，可以看到鼠標(biāo)指針發(fā)生變化ltpltspan style=quotcursorautoquotDefaultltspanltbr ltspan style=quotcursorpointerquot Pointerltspanltbr lt！這個(gè)就是你；這樣ltAhref=quotquotltimgsrc=quotimagesyumenjpgquotonmouseover=quotthissrc=#39imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA設(shè)置一個(gè)div，但是默認(rèn)卻是隱藏起來(lái)的s1 position absolutedisplay js function show。

ltimg src=quotXXXquot style=quotcursorhandquot 這樣圖片移上去就有了手的圖標(biāo) 如果不想改動(dòng)img的屬性，可以在外圍包一層DIV，這個(gè)做法就更萬(wàn)金油了ltdiv style=quotcursorhandquotltimg XXX ltdiv；你是要放大鏡效果吧，找JQ放大鏡效果，然后加到你的網(wǎng)頁(yè)中調(diào)用就可以了。

給按鈕上綁定一個(gè)onclick事件，同時(shí)置一個(gè)狀態(tài)值，狀態(tài)值為true時(shí)顯示按鈕具體代碼如下lthtmlltheadltscript type=quottextjavascriptquot src=quot。

html 鼠標(biāo)位置

1、鏈接lta元素默認(rèn)狀態(tài)下就是小手的形狀，想讓其他元素在鼠標(biāo)滑過(guò)的時(shí)候成小手形狀需要一些設(shè)置實(shí)現(xiàn)代碼如下HTML 純文本查看 復(fù)制代碼運(yùn)行代碼1920lt！DOCTYPE htmllthtmlltheadltmeta charset=quot utf8quotltmeta name=quotauthorquot content=quotquot。

2、鼠標(biāo)上變化的文字 腳本說(shuō)明把如下代碼加入ltbody區(qū)域中 ltSCRIPT language=quotJavaScript12quot lt！ var scroller_msg=#39Hi，網(wǎng)絡(luò)編程站歡迎你的光臨！#39var dismissafter=0 var initialvisible=0 if documentalldocumentwrite#39ltmarquee id=quotcurscrollquot style=quotpositionabsolutewidth150pxborder。

3、CSS中的cursor 屬性可以可以使鼠標(biāo)移動(dòng)到行上時(shí)有點(diǎn)擊圖標(biāo)，將cursor的值設(shè)置為pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針一只手例如lta style=quotcursorpointerquot點(diǎn)擊圖標(biāo)lta ，效果如下圖所示1cursor定義和用法cursor 屬性規(guī)定要顯示的光標(biāo)的類型形狀該屬性定義了鼠標(biāo)指針?lè)旁谝粋€(gè)元素。

4、h1， h2， h3， h4， h5， h6fontsize12pxfontweightnormal bodydivmargin0 auto div textalignleft a img border0 body color #333 textalign center font 12px quot微軟雅黑quot ul， ol， li liststyletypeverticalalign0 a outlinestyle。

5、你還，指針cur文件的路徑，你寫(xiě)絕對(duì)路徑試試style=quotcursorurl你的域名imagesArrowcurquotArrowcur 寫(xiě)你的域名+imagesArrowcur寫(xiě)完整的url路徑。

6、用hover偽類來(lái)做 做好是給圖片加以個(gè)lta標(biāo)簽，然后對(duì)lta標(biāo)簽設(shè)置hover 例如一個(gè)圖片ltimg src=#39examplejpg#39 width=#39100#39 height=#39100#39 alt=#39舉例#39 移上去的圖片叫hoverjpg 兩個(gè)圖片大小一樣 改寫(xiě)成 lta href=#39javascript#39 id=#39example#39lta 再在css中添加 example backgroundurl。

7、lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleTitlelttitleltstyle#testwidth 50px#testhover + #boxdisplay inlineblock#boxwidth 100pxheight 50pxbackgroundcolor greendisplay ltstyleltheadltbodyltimg id=quottestquot src=quot。

html 鼠標(biāo)移上去換圖片

1首先輸入代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml lthead ltmeta。

許多網(wǎng)站都是用FLASH來(lái)做的這個(gè)效果，當(dāng)然可以用HTML來(lái)實(shí)現(xiàn)，核心就是利用onMouseOver事件來(lái)實(shí)現(xiàn)，例如ltimg src=圖片地址 id=img1 ltspan onMouseOver=quotimg1src=#39圖片地址1#39quot1ltspan 方框和外觀那些，可以用DIV，也可以用TABLE實(shí)現(xiàn)。