Question

我有点失落。我想要实现的是：

我自己的自定义按钮
更改onMouseOver等'
保持大小
将信息发布到php服务器端代码

我缺少的是：

帖子 - 我无法弄清楚如何结合js＆amp; PHP
按钮大小 - 我的代码设置了原始按钮的大小，但在翻转后它会更改

代码：

<html>  
<head>
</head>
<body>

    <script>
        function form_on_click(frm) 
        {
            document.buttonMore.src='bottom_more_click.JPG';
            frm.submit();
        }
    </script> 

    <div style="position: absolute; left: 120px; top: 90px; background-image: url(myBackgroundPicture.jpg);
    background-repeat:no-repeat; width: 800px; height: 280px; padding: 15px;">

        <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">            
            <input type="text" name="whatever" size= "55" height="100" lang="en" dir="ltr"  style="margin-top: 188px; margin-left: 95px; height: 20px; background-color: transparent; border:none;
            color: #FFFFFF; font-family: Verdana; font-weight: none; font-size: 18px;">

            <a onmouseover="document.buttonMore.src='bottom_more_hover.JPG'"
            onmouseout="document.buttonMore.src='bottom_more_reg.JPG'" 
            onmousedown= "form_on_click(this.form) this.form.submit()"
            onmouseup="document.buttonMore.src='bottom_more_hover.JPG'">

            <img src="bottom_more_reg.jpg" name="buttonMore" height="30" width="173" border="0" alt="MORE!" style="margin-bottom:-10px; margin-left: 15px; height: 30px; width: 100px;">


            </a>
        </form>


    </div>

</body>

Answer 1

<强>更新：

哦，当然可以。对不起。你是完全正确的。我不知道我的脑子在哪里。

尝试其他内容，再次删除此行

onmousedown= "form_on_click(this.form) this.form.submit()"

并将其替换为

href="javascript:form_on_click(this.form);"

只是一个建议，为什么不使用......

<input type="button" />

...然后在CSS中自定义它？

修改

关于按钮的大小，那些jpeg文件大小相同吗？

Answer 2

最简单的方法是使用JQuery。您只需要在JQuery中执行几个简单的步骤即可完成所有您想要做的事情。鼠标悬停/输出提交全部和更多。

我爱上了JQuery ......

在表单中使用php和java脚本

2 个答案: