Форум программистов [Powered by Invision Power Board]

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <script language="javascript" type="text/javascript" src="jquery.js"></script>
  <script language="javascript" type="text/javascript">
    $(document).ready(function() {
      $("#dd_currency").mouseover(function () {
          $("#curr_list").removeClass("hidden");
      });
      $("#dd_currency").mouseout(function () {
          $("#curr_list").addClass("hidden");
      });
      $("#curr_list a").bind("click", function() {
        $("#curr_list").addClass("hidden");
        $("#currency").attr("value", $(this).attr("id"));
        $("#curr_selected").text($(this).text());
        return false;
      });
    });
  </script>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    .hidden {
      display: none;
    }
    .dropdown {
      font: 11px arial;
      border: 1px solid #08488d;
      background-color: #d4e2f7;
      background-image: url(arrow.gif);
      background-repeat: no-repeat;
    }
    .dropdown a {
      display: block;
      color: #262626;
      background-color: #d4e2f7;
      padding: 3px 10px;
      text-decoration: none;
    }
    .dropdown a:hover {
      background-color: #e5ecf5;
    }
    #curr_selected {
      color: #262626;
      padding: 3px 10px;
      cursor: pointer;
    }
    #dd_currency {
      width: 155px;
      background-position: 138px 8px;
    }
    * html .dropdown a {
      height: 1%;
    }
  </style>
</head>

<body>
  <form method="post" action="/">
    <input id="currency" type="hidden" name="currency" value="aud" />
    <div id="dd_currency" class="dropdown">
      <div id="curr_selected">Australian dollar (AUD)</div>
      <div id="curr_list" class="hidden">
        <a id="aud" href="#">Australian dollar (AUD)</a>
        <a id="cad" href="#">Canadian dollar (CAD)</a>
        <a id="czk" href="#">Czech coruna (CZK)</a>
        <a id="huf" href="#">Hungarian forint (HUF)</a>
      </div>
    </div>
  </form>
</body>
</html>