表单提交按钮图片形式的几种写法
表单提交按钮图片形式的几种写法
<form name=”form1″ action=”arrive.php”>
1.单独图片代替按钮
<input type=”image” name=”submit” value=”提交”>
2.鼠标经过时图片的两种变换状态(貌似不好用)
<image src=”images/a.gif” onmouseover=”this.src=\’images/b.gif\'” onmouseout=”this.src=\’images/a.gif\'”/>
3.
<script type=\’javascript\’>
var ding_1 = new Image();
var ding_2 = new Image();
ding_1.src = “images/mouseout_queding.gif”
ding_2.src = “images/mouseover_queding.gif”
var ding_3 = new Image();
var ding_4 = new Image();
ding_3.src = “images/mouseout_fanhui.gif”
ding_4.src = “images/mouseover_fanhui.gif”
</script>
<a href=”index.php” onmouseover=”dingdan.src=ding_1.src” onmouseout=”dingdan.src=ding_2.src” onclick=”form1.submit()”><img src=”images.mouseout_queding.gif”></a>
注:a href的表单提交用javascript的form1.submit实现,action别漏了。
</form>