-1

我试图弄清楚如何使用 jQuery 构建这个界面。我最初是在 Flash 中完成的。http://www.allprocustomtrailers.com/

它允许客户根据自己的需要定制预告片，然后进入另一个页面查看列表，而不是通过电子邮件将其发送给销售人员。在过去的两天里，我一直在网上搜索几个小时，以了解如何开始。如果已经有一个可以在 HTML5 中构建的基础，我不想重新发明轮子。我的 jQuery 技能充其量只是中级，所以这是我的大项目，可以将我推入深渊。我只是不想淹死。

先感谢您。

4

1 回答 1

3

这也可以在不使用 JQuery 的情况下轻松完成。

要在 Javascript/HTML/CSS 中重新创建此应用程序，您可能会严重依赖"OnClick"elements 的属性。这将允许您在单击给定元素（可能样式为按钮）时执行一段 Javascript 代码。JQuery 确实有一种将动作绑定到单击事件的方法，但是对于 JQuery 相对较新的人（以及我个人更喜欢的方法）是OnClick属性。

OnClick这是我认为可以帮助您重新创建应用程序的功能的基本实现。

<!doctype html>
<html>
  <head>
    <script>
      function update_form(selection){
        document.getElementById("preview").src = selection + ".jpg";
        document.getElementById("formdata").value = selection;
      }
    </script>
  </head>
  <body>
    <span OnClick="update_form('option1');">Click here for Option 1.</span><br />
    <span OnClick="update_form('option2');">Click here for Option 2.</span><br />
    <img src="blank.jpg" id="preview" /><br />
    <form action="submit.php" action="post">
      <input type="text" name="selectionvalue" id="formdata"><br />
      <input type="submit" value="submit">
    </form>
  </body>
</html>

我希望这有助于为您指明正确的方向。

于 2012-10-19T20:23:43.897 回答