1、富文本編輯器中需支持圖片點(diǎn)擊放大功能，也可用這種方式實(shí)現(xiàn) 原效果點(diǎn)擊放大后的效果；二定義和用法lta 標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面lta 元素最重要的屬性是 href 屬性，它指示鏈接的目標(biāo)三簡單的一個HTML頁面測試代碼四此時(shí)的頁面展示效果如下，點(diǎn)擊這兩張圖片即可轉(zhuǎn)到；本身就能實(shí)現(xiàn)的，style=quotcursorpointerquot這就是實(shí)現(xiàn)你的需求只是需要點(diǎn)擊圖片彈出ok的話做以下調(diào)整onclick=quotjavascriptalert#39ok#39quot需要加上javascriptltdiv class=quothexagon_fatherquot ltdiv class=quothexagon_childquot；1首先在電腦上啟動DW網(wǎng)頁編輯器，新建一個html網(wǎng)頁2然后在body中插入一個divltdivltdiv，并在head中引入CSSltstyle type=quottextcssquotltstyle3然后給DIV定義一個CSS，設(shè)置寬高屬性等，并寫一段；很簡單的，用一個a鏈接包裹input type=quotfilequot，然后把input的透明度設(shè)置為0，然后為a鏈接設(shè)置一個背景圖片，就可以實(shí)現(xiàn)你想要的效果了。

2、如果是普通頁面，建議使用熱區(qū)+javascript方式實(shí)現(xiàn)，下面四個按鈕做成四張圖定位到對應(yīng)位置，同時(shí)做對應(yīng)另外四張圖作為hover效果圖，按鈕之上覆蓋一層透明gif，然后在gif上定義鏈接熱區(qū)，因?yàn)闊釁^(qū)可隨意定義形狀，所以可實(shí)現(xiàn)途中的。

3、3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖；分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復(fù)原的尺寸具體代碼實(shí)現(xiàn)如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的圖片路徑quot style；這個可以使用js來幫助完成，給三個不同的按鈕都綁定點(diǎn)擊事件，對應(yīng)另外三個div，每個div里面使用img標(biāo)簽引入一張圖片或者做成div的背景也行，三個div的外層再套一個div，用來做遮罩層，開始的時(shí)候所有div都隱藏，當(dāng)點(diǎn)擊；1準(zhǔn)備切換圖片素材，一般是兩張，如圖，放入img文件夾，跟HTML同級2然后用img嵌入到網(wǎng)頁，嵌入其中的一張，另外一張待會切換3如圖，現(xiàn)在是靜態(tài)的，鼠標(biāo)放上去也不會產(chǎn)生切換反應(yīng)，因?yàn)闆]有用JS4如圖，獲取im；html的隱藏和顯示知道嗎，這個就是利用這個原理，點(diǎn)擊后展示，將加好的圖片更換為減號，點(diǎn)擊一下減號再將圖片替換，將html隱藏。

4、你可以定義一個變量，然后把圖片的ID賦值給這個變量，然后用javascript實(shí)現(xiàn)連接就可以啦；網(wǎng)頁鏈接 我給你一個地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例；355quot href=quot#quot ltmap網(wǎng)頁熱點(diǎn)使用方法個人推薦Dreamwever可視化操作來創(chuàng)建網(wǎng)頁熱點(diǎn)1打開Dreamwever，新建一個頁面，插入一張圖片，2使用左下角的熱點(diǎn)工具3點(diǎn)擊“矩形”或其他熱點(diǎn)工具，再在圖片上拖動位置；img width300px height300pximghover width350px height350px這樣可以實(shí)現(xiàn)簡單的動一下，更麻煩的需要JS了，比如讓圖片的TOP變一下之類的；這種效果很簡單的，得用js或jquery實(shí)現(xiàn)，純html+css不容易實(shí)現(xiàn)，即便你用html5實(shí)現(xiàn)，一般到實(shí)戰(zhàn)情況下也是用不到的，沒個卵用，以下是jquery實(shí)現(xiàn) ltstyle type=quottextcssquot dianjiwidth300pxheight300pxborder；鼠標(biāo)移動到圖片上，顯示文字，簡單的方法是利用“title”例如ltimg src=quotindex4pngquot alt=quotHTML5在線制作quot title=quotHTML5在線制作quot 鼠標(biāo)移動到4png圖片上時(shí)候，顯示出“HTML5在線制作”；2在indexhtml中的ltscript標(biāo)簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)點(diǎn)擊圖片會換一張圖片。