img ahover width300%height300 *當(dāng)鼠標(biāo)經(jīng)過時，圖片的長和寬顯示為3倍 ，也可以用像素數(shù)值，寫成現(xiàn)有像素的3倍或者更大的倍數(shù)像素*。

2 給上面的div加上鼠標(biāo)經(jīng)過事件，代碼 3 處理鼠標(biāo)經(jīng)過事件，首先定位鼠標(biāo)經(jīng)過圖片點的坐標(biāo)，以此點為中心，要放大多少范圍之內(nèi)的圖片，放大幾倍，這個自行定義4 把放大的圖片顯示到之前定義的空div中。

第一步打開Dreamweavercc2014軟件，選擇建立html界面，里面自動生成一些必要代碼的代碼格式，節(jié)省時間第二步在body標(biāo)簽內(nèi)輸入pclass=oneid=onep這是圖形框的代碼3第三步在body標(biāo)簽前面位置，輸入代。

一通過css樣式中的 quothoverquot實現(xiàn)，代碼如下 lt！DOCTYPE htmlDocumentdivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500px變大二通過javascript方式實現(xiàn)，代碼如下 lt！D。

鼠標(biāo)經(jīng)過圖片放大，不需要代碼在場景一，你在標(biāo)題欄上選擇“插入”“新建元件”，在彈出的對話框中，選擇“按鈕”，確定后，在“按鈕”編輯舞臺的“彈起”幀，導(dǎo)入一張圖片，然后點擊“指針經(jīng)過”幀，“插入關(guān)鍵幀”，并。

要實現(xiàn)鼠標(biāo)放在block上以中心為原點進(jìn)行放大，可以利用CSS3的transform和transition來實現(xiàn) CSS3的transform scale可以按比例放大或縮小block的功能。

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

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