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

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

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

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

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