1、看到你標(biāo)題說HTML5能畫地圖，就來了興趣，特意百度了下資料，不過資料上的地圖好像是一張圖片，并非畫出來的，不免有些失望以下是我搜到的一篇資料，你說的縮放拖動(dòng)上面都寫了；直接搜索下js輪播，jq輪播先定位圖片定時(shí)圖片切換加上按鈕執(zhí)行點(diǎn)擊切換鼠標(biāo)移入圖片范圍時(shí)停止切換，離開時(shí)接著切換；lthtml ltheadlthead ltbody ltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas ltscript var rect=x100，y100，w40，h20定義要畫的矩形的位置屬性 var；lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的瀏覽器不支持 HTML5 canvas 標(biāo)簽ltcanvaslt；3然后在下面的面板中，鼠標(biāo)右擊，點(diǎn)擊新建，選擇固態(tài)層4在彈出的固態(tài)層設(shè)置中，設(shè)置寬高為200px，選擇顏色為黃色，點(diǎn)擊確定5下面我們已經(jīng)建了一個(gè)固態(tài)層，點(diǎn)擊鍵盤上的p鍵，調(diào)出位置功能6點(diǎn)擊位置前面的秒表7。

2、onmouseover = function thisclassName = quotdivsquot鼠標(biāo)移出，將空的className樣式賦給該標(biāo)簽divsonmouseout = function thisclassName = quotquotltscriptltbodylthtml；5也可以自己制作一個(gè)模板，點(diǎn)擊新建一個(gè)模板，進(jìn)入編輯頁(yè)面6點(diǎn)擊單頁(yè)模板可以選擇頁(yè)面的風(fēng)格，需要添加的元素7點(diǎn)擊需要的頁(yè)面封面拖動(dòng)鼠標(biāo)到頁(yè)面位置就行了8功能模板里添加你頁(yè)面需要的功能插件點(diǎn)擊需要的插件按住。

3、1獲取百度地理位置坐標(biāo)，首先在搜索引擎中搜索2搜索結(jié)果頁(yè)面如下，點(diǎn)擊第一個(gè)鏈接3接著打開的界面如下，鼠標(biāo)放到自己要獲取的地理位置4比如選擇的是地壇公園，如下圖紅色的區(qū)域，點(diǎn)擊地壇公園5上面就會(huì)有它；ltimg src=quot5jpgquot ltdiv ltdiv ltbody ltscript function var Src = $#39tab#39find#39img#39eq0attr#39src#39#39show#39find#39img#39attr#39src#39，Src#39tab#39find#39img；加個(gè)鼠標(biāo)事件onmouseover，觸發(fā)jquery方法，jquery方法中改變文字為按鈕；html中有一個(gè)ltalta標(biāo)簽，直接給文字添加一個(gè)a標(biāo)簽 比如lta href=quot鏈接quot target=quot_blankquot關(guān)于我們lta a標(biāo)簽?zāi)J(rèn)的鼠標(biāo)放上去就是一個(gè)手指的樣式，或者你也可以用cursor pointer這個(gè)給他設(shè)置一下，cursor。

4、mouseY tempY 鼠標(biāo)抬起事件設(shè)置dragging為false，clear移動(dòng)層#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630；x = elementoffsetLeft y = elementoffsetTop mousex=x mousey=y ，false return mouse 計(jì)算mouse相對(duì)于容器的x，y坐標(biāo)偏移，本質(zhì)是判斷鼠標(biāo)在瀏覽器中的鼠標(biāo)偏移，之后對(duì)瀏；只能獲取鼠標(biāo)對(duì)于畫布的事件，可以根據(jù)點(diǎn)擊范圍判斷點(diǎn)擊的內(nèi)容，然后做相應(yīng)操作 lt！doctype htmllthtmlltheadltheadltbodyltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas；html5鼠標(biāo)懸停字體從下移到上移，需要配合鼠標(biāo)甚至功能鍵來操作的，如果字體從下一道單一，我們只需要把鼠標(biāo)中間的滑輪整體把他按下，然后不放手，慢慢的移動(dòng)鼠標(biāo)從下移到上移，在移動(dòng)的過程中，我們需要有一定，鼠標(biāo)操作技巧；charset=gb2312quot lttitle無標(biāo)題文檔lttitlelthead ltbody ltcanvas id=quotcanvasquot width=quot400quot height=quot400quot ltp 抱歉~ ltbr 您的瀏覽器貌似不支持HTML5的標(biāo)簽quotcanvasquot的說，試試更換成Chrome。