2018-04-20歌詞滾動流暢/登錄

歌詞滾動過于生硬

添加了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');
    }
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,357評論 0 17
  • 隱藏元素的hide方法 讓頁面上的元素不可見,一般可以通過設(shè)置css的display為none屬性。但是通過css...
    老夫撩發(fā)少年狂閱讀 1,194評論 0 2
  • 《裕語言》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 28,774評論 5 20
  • 【找自己的幾個階段】 三、救命稻草 麻麻帶著木筱茜去看心理醫(yī)生,記得藥盒上有一個大大的陽光的笑臉,木筱茜看著笑臉,...
    木筱茜閱讀 317評論 8 3
  • 2018團隊戶外活動第一場,鐵山坪飛越叢林+椒麻雞,耶~~~ 很開心,吃得很開心,玩兒得也很開心,從今年起,活動每...
    樹子丨ageLOC閱讀 237評論 0 0

友情鏈接更多精彩內(nèi)容