登陆界面
This commit is contained in:
parent
614743d8d4
commit
86d2f5342c
|
|
@ -0,0 +1,131 @@
|
|||
<%= stylesheet_link_tag 'new_public'%>
|
||||
<%= stylesheet_link_tag 'leftside'%>
|
||||
<%= javascript_heads %>
|
||||
<%= javascript_include_tag 'javascripts/jquery-1.3.2' %>
|
||||
<%= javascript_include_tag 'bootstrap' %>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("#loginSignButton").click(function(){
|
||||
$("#signUpBox").css({display:"block"});
|
||||
$("#loginInBox").css({display:"none"});
|
||||
});
|
||||
$("#loginInButton").click(function(){
|
||||
$("#signUpBox").css({display:"none"});
|
||||
$("#loginInBox").css({display:"block"});
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$(".homepageSearchIcon").click(function(){
|
||||
var val=$('input:radio[name="navSearchType"]:checked').val();
|
||||
if(val==null){
|
||||
$("#navSearchAlert").css({display:"block"});
|
||||
}
|
||||
else {
|
||||
$("#navSearchAlert").css({display:"none"});
|
||||
}
|
||||
});
|
||||
$("#loginInButton").click(function(){
|
||||
$("#signUpBox").css({display:"none"});
|
||||
$("#loginInBox").css({display:"block"});
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$(".navHomepageSearchBoxcontainer").mouseover(function(){
|
||||
$(".navSearchTypeBox").css({display:"block"});
|
||||
});
|
||||
$(".navHomepageSearchBoxcontainer").mouseout(function(){
|
||||
$(".navSearchTypeBox").css({display:"none"});
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
<div class="navContainer">
|
||||
<div class="navHomepage">
|
||||
<div class="navHomepageLogo fl"><a href="javascript:void(0);"><img src="images/nav_logo.png" width="51" height="45" alt="确实Trustie" class="mt3" /></a></div>
|
||||
<div class="fl">
|
||||
<ul>
|
||||
<li class="navHomepageMenu fl"><a href="javascript:void(0);" class="c_white f16">帮助中心</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navHomepageSearchBoxcontainer fl">
|
||||
<form class="navHomepageSearchBox">
|
||||
<input type="text" name="navHomepageSearch" class="navHomepageSearchInput" />
|
||||
<a href="javascript:void(0);" class="homepageSearchIcon"></a>
|
||||
</form>
|
||||
<div class="navSearchTypeBox">
|
||||
<form class="mt8">
|
||||
<div class="fl mr15"><div class="fl mt5"><input type="radio" value="课程" name="navSearchType" /></div>
|
||||
课程</div>
|
||||
<div class="fl mr15"><div class="fl mt5"><input type="radio" value="项目" name="navSearchType" /></div>
|
||||
项目</div>
|
||||
<div class="fl mr15"><div class="fl mt5"><input type="radio" value="用户" name="navSearchType" /></div>
|
||||
用户</div>
|
||||
<div id="navSearchAlert" class="fr mr10"><span class="c_red">请选择搜索类型</span></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="loginInButton" class="fr ml20"><a href="javascript:void(0);" class="c_white db">登录</a></div>
|
||||
<div id="loginSignButton" class="fr"><a href="javascript:void(0);" class="c_white db">注册</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="loginContentContainer">
|
||||
<div class="loginContent">
|
||||
<div class="loginLeft">
|
||||
<div class="loginLogo"><img src="images/trustie_big_log.png" width="100" height="88" alt="Trustie Logo" /></div>
|
||||
<div class="loginInro">欢迎加入Trustie高校创新实践社区，老师、学生和科研人员可以在此开展各种在线协同学习、协同作业、协同开发等活动。Trustie是在中国推行大规模开放在线研究模式（MOORE）的支撑平台。</div>
|
||||
</div>
|
||||
<div class="loginRight">
|
||||
<div id="loginInBox">
|
||||
<div class="loginChooseBox">
|
||||
<ul class="loginChooseList">
|
||||
<li class="loginChoose fl"><span class="loginChooseTab">登陆</span></li>
|
||||
<li class="loginChooseBorder fl"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="loginIn">
|
||||
<div class="mb20">
|
||||
<input type="text" placeholder="请输入邮箱地址或昵称" class="loginSignBox" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="请输密码" class="loginSignBox" />
|
||||
</div>
|
||||
<div class="loginSignOption">
|
||||
<div class="fl mt3 mr5">
|
||||
<input type="checkbox" />
|
||||
</div>
|
||||
<a href="javascript:void(0);">自动登录</a><a href="javascript:void(0);" class="newsBlue mr40 fr"><u>忘记密码?</u></a></div>
|
||||
<div class="loginInButton"><a href="javascript:void(0);" class="c_white db">登陆</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="signUpBox">
|
||||
<div class="loginChooseBox">
|
||||
<ul class="loginChooseList">
|
||||
<li class="loginChoose fl"><span class="loginChooseTab">注册</a></span>
|
||||
<li class="loginChooseBorder fl"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="loginIn">
|
||||
<div>
|
||||
<input type="text" placeholder="请输入邮箱地址" class="loginSignBox" />
|
||||
<div class="loginSignAlert mb8">请输入有效邮箱地址</div>
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="请输入密码" class="loginSignBox" />
|
||||
<div class="loginSignAlert mb8">至少需要 6 个字符</div>
|
||||
</div>
|
||||
<div class="mb20">
|
||||
<input type="text" placeholder="请再次输入密码" class="loginSignBox" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="请输入用户昵称" class="loginSignBox" />
|
||||
<div class="loginSignAlert mb8">用户昵称为2-18个中英文，数字或下划线</div>
|
||||
</div>
|
||||
<div class="loginUpButton"><a href="javascript:void(0);" class="c_white db">注册</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cl"></div>
|
||||
</div>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Loading…
Reference in New Issue