1、lt！DOCTYPE html CSS3鼠標滑過圖片放大特效DEMO演示 htmlfontfamilysansserifmstextsizeadjust100%webkittextsizeadjust100%bodymargin0article，aside，details，figcaption，fig。

2、如何使鼠標經(jīng)過圖片時圖片變大呢，可以通過css進行簡單的設置就可以了首先把內(nèi)容寫好了，代碼為 div id=#34bianda#34 img src=#34fileCUsersAdministratorDesktopa1b4d43b0329af 66c29fcb4d6fcb12。

3、1新建html文檔2在head里插入鏈接和圖片樣式，表示鼠標經(jīng)過時圖片放大，代碼如下 a #bigwidth800pxheight480px a #bighover width1200pxheight720px 3在body里插入，表示設置一個有鏈接的圖片。

4、分別寫一個onmouseover和onmouseout事件然后在事件里面加一個function，分別寫想要放大的尺寸和縮小或復原的尺寸具體代碼實現(xiàn)如下 var img = documentgetElementById#39img#39function bigger = #39。

5、用動畫實現(xiàn)就好了，代碼如下 ltGrid ltGridResources ltStyle TargetType=quotImagequot ltSetter Property=quotLayoutTransformquot ltSetterValue ltScaleTransformltScaleTransform ltSetterValue ltSetter ltStyleTriggers。

6、圖片放大源代碼先把要放大的圖片都轉換為元件，然后放在舞臺上，實例名稱分別命名為pic1，pic2之類的，然后再鼠標左鍵單擊這一幀，打開動作面板F9，寫 stoppic1scaleX =pic1scaleY = 1pic2scale。

7、動作面板，輸入以下代碼on rollOver gotoAndStop2 6同樣的方法選擇第二幀的按鈕，輸入以下代碼on rollOut gotoAndStop1 7鎖定第二層，解鎖第一層，選擇第一幀，打開動作面板，輸入以下代碼stop。

8、假設圖片外層DIV的class為pic，圖片的大小是400*300，html代碼可以寫成下面這樣 如果希望鼠標經(jīng)過時圖片的尺寸變成600*450，那么在css里面只要這樣定義就行了pic imghoverwidth600pxheight450px 這個代碼在ie。

9、例 function ShowDivpic divPicinnerHTML=quotquot=quotblockquot還可以讓div跟著圖片所在的當前窗體位置居中，代碼略 function HideDiv =quotquot 這樣就可以了。

10、首先要給ListBoxItem添加鼠標移動事件，并在事件中使用ScaleTransform的scaleX和ScaleY來實現(xiàn)動畫。

11、1先加入以下代碼 lt！ function MM_preloadImages v30 var d=documentifdimages if！dMM_pdMM_p=new Arrayvar i，j=，a=MM_preloadImagesargumentsfori=0 i。

12、2添加“onmouseover”js事件，首先使用“documentgetElementById”獲取到圖片標簽，然后定義鼠標移動到圖片上時發(fā)生的事件，這時圖片將會放大3添加“onmouseout”js事件，首先獲取圖片標簽，然后定義鼠標移開圖片時發(fā)生的事件。

13、表格寬度設置成100% #82036插入五張圖片，如圖所示，這樣就形成了一個基本的圖片展示欄#8203，接著要做圖片經(jīng)過的時候的放大效果 #82037選擇一個圖片，在屬性欄，給其添加一個id，比如im1， #82038。

14、1用CSS，可以實現(xiàn)這種效果很簡單，但是不好看，容器寬高度設置為大圖片的寬高度，將圖片做成背景，在hover里面寫個大圖的背景就行了，這樣挺難看的，從小圖變大圖沒有過度，一步到位2用js做，不貼代碼了，你。

15、lt！DOCTYPE html margin 0padding 0 hbody marginleft 25% show marginleft 160pxwidth 200pxheight 200pxborder 1px solid #EEEEEE show img width 200pxheight 2。

16、鼠標放到圖片上慢慢變大，移開后圖片又慢慢變小 var i=0 變大 function max MImg=+=i++ =MImg*aaa ifilt20setTimeout#39max#39，100 變小。