socialforge/app/views/layouts/_unlogin_header.html.erb

<div class="navHomepage">
  <div class="navHomepageLogo fl">
    <%=link_to image_tag("../images/logo.png",width:"51px", height: "45px",class: "mt3"), "javascript:void(0);"%>
  </div>
  <div class="fl">
    <ul>
      <li class="navHomepageMenu fl">
        <a href="javascript:void(0);" class="c_white f16">帮助中心</a>
      </li>
    </ul>
  </div>

  <div class="fl" id="navHomepageSearch">
    <form class="navHomepageSearchBox">
      <input type="text" name="navHomepageSearch" class="navHomepageSearchInput"/>
      <a href="javascript:void(0);" class="homepageSearchIcon"></a>
    </form>
    <div class="navSearchTypeBox" id="navHomepageSearchType">
      <div class="fl mr15 mt5">
        <input type="radio" value="课程" name="navSearchType" checked/>
        课程
      </div>
      <div class="fl mr15 mt5">
        <input type="radio" value="项目" name="navSearchType" />
        项目
      </div>
      <div class="fl mr15 mt5">
        <input type="radio" value="用户" name="navSearchType" />
        用户
      </div>
      <div id="navSearchAlert" class="fr mr10">
        <span class="c_red">请选择搜索类型</span>
      </div>
    </div>
  </div>
  <div id="loginInButton" class="fr ml20">
    <a href="<%= signin_path(:login=>true) %>" class="c_white db">登录</a>
  </div>
  <div id="loginSignButton" class="fr">
    <a href="<%= signin_path(:login=>false) %>" class="c_white db">注册</a>
  </div>
</div>

<script type="text/javascript">
    //搜索相关
    $("#navHomepageSearch").mouseover(function(){
        $("#navHomepageSearchType").show();
    }).mouseout(function(){
        $("#navHomepageSearchType").hide();
    });
</script>