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

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

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

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

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

新建一個HTML文件，代碼如下圖 打開HTML文件所在的文件夾，雙擊文件，跳轉到瀏覽器 改變?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想多大多大。