歌詞滾動過于生硬
添加了animate 動畫
//滾動歌詞
var a=$(".currentgeci").offset().top;
if(a>($("#geci").offset().top+203)||a<($("#geci").offset().top+173)){
//$("#geci").scrollTop(a.top-$("#geci").find("li").eq(0).offset().top-195);
$("#geci").animate({scrollTop:a-$("#geci").find("li").eq(0).offset().top-195},300,'linear')
}
animate 用法:
$.animate({width:'100',top:'100'},1000,linear,callback)
1000為動畫完成的時間,時間不要加引號
在首頁加入后臺鏈接,在后臺加入首頁鏈接
<div class="col-md-1 col-xs-2">
<a href="/admin" >管理</a>
</div>
路由到admin,使得渲染login.html,進入登錄界面, admin.js里的代碼
router.get('/',function (req,res,next) {
res.render('login');
})

form表單提交數(shù)據(jù)
html部分
<form action="/admin/idVerify" method="post"id="loginForm">
<div class="m-2-2">
<input type="text" placeholder="請輸入賬號" name="username"/>
</div>
<div class="m-2-2">
<input type="password" placeholder="請輸入密碼"name="password"/>
</div>
<div class="m-2-2-1">
<input type="text" placeholder="請輸入驗證碼"name="yanzheng"/>
<img src="/public/images/1.png"/>
</div>
<div class="m-2-2">
<button type="submit" form="loginForm" value="登陸" /> 登陸
</div>
</form>
button的type是submit,可以通過form的id屬性來綁定表單,點擊就會提交數(shù)據(jù),執(zhí)行表單的action
表單里要傳的數(shù)據(jù)一定要有name屬性,這樣在后臺就可以通過req.body.name來獲取
admin.js代碼
router.post('/idVerify',function (req,res,next) {
var username=req.body.username
var password=req.body.password
var yanzheng=req.body.yanzheng
if(username=='admin'&&password=='admin'){//暫時的寫法
res.render('admin');
}else{
res.render('login');
}
})

