用图片代替表单按钮的实现方法


一个很常见的功能了，就是把默认的难看的提交按钮用一张漂亮的图片来代替，这样让你的表单看上去更漂亮。本段代码就是实现了这样一种功能，希望你能用得上。

答案：<html>
<head>
<title>用图片代替提交按钮的方法</title>
</head>
<script language=JavaScript>
<!--
 function surfto(form) {
        var myindex=document.myform.dest.selectedIndex
        location=document.myform.dest.options[myindex].value;
}
//-->
</script>
<body>
                  <form name="myform">
                    <select name="dest" size=1>
                      <option selected>请选择网址：</option>
                      <option value="/">站长资源库</option>
                      <option value="http://www.baidu.com">百度搜索</option>
                    </select>
                    <a href="javascript: surfto()" onMouseOver="self.status='';return true" onMouseOut="self.status='';return true"><img src="/jscss/demoimg/200904/btnPost.gif" border=0 align=absmiddle></a>
                  </form>
</body>
</html>

上一个：JavaScript动态添加文本框并自动水平对齐
下一个：JavaScript动态操作表格，添加，删除行、列及单元格

更多图片编程知识: