HTML5前端的選擇器一般有js選擇器和css選擇器 其中css選擇器上面的網(wǎng)友回答的很全面了使用pimg就可以了js選擇器一般使用jquery選擇器，而jquery選擇器可以通過id或者class樣式或者元素類型進(jìn)行選擇，子選擇器可以用find或者。

引一個jquery文件，圖片地址替換一下就可以了。

CSS是樣式樣式是標(biāo)題文字的字體大小顏色字體圖片大小某個塊的背景色或背景圖等JS是行為行為是在網(wǎng)頁上四處飄動的廣告圖片滾動瀏覽圖片時鼠標(biāo)移動到圖片時，放大縮小圖片的效果二容易混淆概念1HTML。

這里介紹兩種方式一通過css樣式中的 quothoverquot實現(xiàn)，代碼如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdiv。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼其中iconpng是放大鏡圖標(biāo)ltdiv ltinput type=quottext。

新建一個HTML文件，代碼如下圖 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全 在所在文件夾下，新建一個樣式文件，命名為 autocss，代碼如下 在HTML文件中加上對樣式文件。

HTML5圖片放大鏡代碼，實現(xiàn)了一個圓形框的圖像放大鏡效果使用了JavaScript和HTML5中的Canvas來共同實現(xiàn)參考如下lt！DOCTYPE html lthead ltmeta charset=quotUTF8quot lttitleHTML5對圖像使用放大鏡lttitle ltscript。

ltinput type=quotsearchquot style=quotwidth100%height100pxquot 修改width，height想多大多大。