方式有多種

這里提供兩個簡單的案例，

一、使用圖片標簽按鈕

<input name="submit" type="image" src="圖片存放路徑" />

二、使用button按鈕，為之加上圖片樣式

<input type="submit" name="button" id="button" value="" />

為按鈕加上樣式

#button{

background:url(圖片存放路徑) no-repeat;

width:100px;

height:50px;

border:0px;

cursor:pointer;

}

三、在a標簽里加上圖片，呈現出圖片按鈕的效果

<a href='#' taget="_blank"><img src="圖片存放路徑" alt="這是個圖片按鈕" /><a/>

<img>插入圖片標簽。 src是這個圖片標簽的屬性，意思為地址 images/top_14.jpgimages是文件夾，一般都用這個名字作為圖片的文件夾 top_14.jpg就是圖片名稱，看名字應該是頭部的圖片。 還有width是寬度height是高度border=0邊框粗細。

可以用js事件“onmouseover”和“onmouseout”來實現。

1、新建html文檔，在body標簽中添加圖片標簽，為這個標簽設置“id”屬性，然后設置圖片的默認顯示大小css屬性：

2、添加“onmouseover”js事件，首先使用“document.getElementById”獲取到圖片標簽，然后定義鼠標移動到圖片上時發生的事件，這時圖片將會放大：

3、添加“onmouseout”js事件，首先獲取圖片標簽，然后定義鼠標移開圖片時發生的事件，這時圖片將會縮小：