html overflow hidden body margin 0px padding 0px background #000 position absolute width點(diǎn)擊就是查看圖片的屬性，如果是小就變成大圖，如果是大圖就變成小圖 已贊過 已踩過lt 你對這個(gè)回答的評價(jià)是；你這個(gè)現(xiàn)實(shí)文字，需要跟圖片對應(yīng)~~~例如給每段文字加classword_01 ，word_o2，word_03然后展示圖片的時(shí)候 根據(jù)index判斷，現(xiàn)實(shí)相對應(yīng)的那段文字可以用jQuery實(shí)現(xiàn)如果還是沒有明白，把html代碼打包給我，幫你調(diào)試；第一種方法將三張大圖放在div里面，這三個(gè)div大小還有別的屬性都一樣，但是默認(rèn)是隱藏的，display隱藏 displayblock顯示 然后點(diǎn)擊一張圖片，對應(yīng)的大圖div顯示出來，點(diǎn)擊第二張，第一個(gè)大圖div隱藏，第二個(gè)；lifloatleftliststyletextalignleftdisplayinlineoverflowhidden ltstyle 4圖片問題頁面圖片多，最好使用小圖縮略圖大圖影響顯示慢，影響用戶體驗(yàn)5程序也好，htmlcss也好，都需要慢慢。

quotimg3quotvar canvas = documentcreateElementquotcanvasquot， context = canvasgetContextquot2dquotcanvaswidth = img1naturalWidth + img2naturalWidthcanvasheight = Mathmaximg1naturalHeight；這個(gè)不難吧我大概寫個(gè)原理給你lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot；通過圖片的拉伸可以將一張很小的純色圖片冒充為一張大圖，節(jié)約資源的加載絕對路徑使用圖片在硬盤上的絕對位置來訪問圖片，通常是從根目錄開始，向下一個(gè)目錄一個(gè)目錄的尋找在開發(fā)網(wǎng)頁的過程中，一般不會使用絕對路徑 相。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotwidth 100px height 50px fontsize；富文本編輯器中需支持圖片點(diǎn)擊放大功能，也可用這種方式實(shí)現(xiàn) 原效果點(diǎn)擊放大后的效果；其實(shí)你可以采用變通的方法大背景就使用整個(gè)網(wǎng)頁的背景，小背景，你可以把它放到一個(gè)大的表格的單元格中不知這樣能否滿足你的要求；應(yīng)該是原圖就是橫著的我之前遇到過，有用戶反映上傳的圖片的從豎著的變成了橫著的，我最后要到了原圖，原圖就是橫著的；functionbig_ = quotblockquotbig_imgonclick = functionbig_ = quotquotltscriptltbodylthtml默認(rèn)只顯示小圖，點(diǎn)擊小圖會出現(xiàn)大圖，點(diǎn)擊大圖或者灰色背景大圖會消失。

網(wǎng)頁鏈接 我給你一個(gè)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器。

使用js js的鼠標(biāo)事件，但鼠標(biāo)移動到小圖上面時(shí)，對應(yīng)的大圖顯示，其他的大圖display；1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標(biāo)經(jīng)過時(shí)圖片放大，代碼如下ltstyle type=quottextcssquot a #bigwidth800pxheight480px a #bighover width1200pxheight720px ltstyle 3在body。