1首先你要先準(zhǔn)備好smalljpgbigjpg小圖和大圖2然后加載jquery文件3開始寫效果代碼效果代碼如下html代碼 圖片實(shí)際尺寸大小lt！ 彈出層 X；margin0padding0 lifloatleftliststyletextalignleftdisplayinlineoverflowhidden 4圖片問題頁面圖片多，最好使用小圖縮略圖大圖影響顯示慢，影響用戶體驗(yàn)5程序也好，htmlcss。

thisclickfunction當(dāng)點(diǎn)擊發(fā)生時(shí) 下面五行的作用是，當(dāng)單擊事件發(fā)生時(shí)，默認(rèn)將所有小寫1，2，3透明度變成60%#39span#39eachfunction #39#pica#39css#39opacity#39， #3906#39#39#picb#39css#39；1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標(biāo)經(jīng)過時(shí)圖片放大，代碼如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示設(shè)置一個(gè)有鏈接的圖片。

div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功將矩形圖片只顯示了正方形部分4點(diǎn)擊小圖后，成功顯示了大圖；showpicquotshowsrc=osrc 這是我寫的一段簡單的代碼，也不知道是不是你想要的實(shí)現(xiàn)點(diǎn)擊小圖出現(xiàn)大圖，至于詳細(xì)信息，可以做一個(gè)div，用JavaScript獲取一下，顯示出來就可以了。

這個(gè)一般是用css來顯示特定內(nèi)容的譬如有張圖片iconpng，里面有很多內(nèi)容，便可以在css中這么用sa width20pxheight20pxoverflowhiddenbackgroundurliconpngnorepeat 20px 30px 注解寬度和高度是；我給你一個(gè)地址，菜鳥教程Javascript這兒有圖片彈窗的實(shí)例。

只要將小圖轉(zhuǎn)換成按鈕，再加代碼onreleasemcgotoAndstop2 第一幀stop第二幀放置大圖；第二種方法，只有一個(gè)大的div，里面放標(biāo)簽，但是src也就是路徑是空的，然后當(dāng)你點(diǎn)擊第一個(gè)小圖的時(shí)候，給這個(gè)img標(biāo)簽的src賦值，也就是第一個(gè)大圖的路徑，點(diǎn)擊第二個(gè)，路徑變更第三種，去網(wǎng)上找找這樣的源代碼，圖片。

這個(gè)得些代碼圖片自行走動(dòng)，需要marquee標(biāo)簽，鼠標(biāo)放到圖片上面不點(diǎn)擊圖片停止走動(dòng)，鼠標(biāo)的mouseover事件 點(diǎn)擊則顯示大圖鼠標(biāo)的mousedown事件；js做點(diǎn)小圖彈出大圖的，一般都是分成了2份圖片文件的，一種小的縮略圖，一種是大的圖片。

代碼有bug，修改后如下需要注意，拷貝下面這段代碼，保存為 html后綴名的文件需要自己在相同的目錄下，放置兩張圖片，小圖片jpg 大圖片jpg 效果如下圖當(dāng)鼠標(biāo)懸停在小圖片上面的時(shí)候，會(huì)顯示大圖片鼠標(biāo)移出；function swapIC2n document#39ICImage2#39src=arICImages2n === 這是頁面里主要的代碼，用了數(shù)組 var arICImages2 = new Array6arICImages20=quot php。

把15張大圖剪輯分別放在第一到15幀，并分別命名實(shí)例名為xmc1，xmc2xmc15每幀都是關(guān)鍵幀 在另外一層中放入15個(gè)小圖的剪輯并分別命名實(shí)例名dmc1，dmc2，dmc15，加長到15幀 在第一幀中加入代碼stopdmc1onRele；height=82 border=0 alt=點(diǎn)擊此圖放大quot% #39不取資料庫中的資料，設(shè)定圖片及圖片存放的路徑分別為girlgif 及images。

1電腦打開Excel表格，然后點(diǎn)擊插入圖片2選中插入的小圖片，點(diǎn)擊鼠標(biāo)右鍵，然后選擇超鏈接3點(diǎn)擊超鏈接后，在原文件或網(wǎng)頁中選擇要打開的大圖，然后點(diǎn)擊確定4給小圖片插入超鏈接后，點(diǎn)擊小圖片5點(diǎn)擊小圖片后。