在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 如何做出菜單從右側(cè)出現(xiàn),滑動(dòng)感的菜單?

如何做出菜單從右側(cè)出現(xiàn),滑動(dòng)感的菜單?

想問有沒有簡單的範(fàn)例
點(diǎn)擊某按鈕後能觸動(dòng)右側(cè)的隱藏菜單往左出現(xiàn)
收回時(shí)再往右回去
不知道要用什麼keywords去查
請問這種技術(shù)是什麼名字?

$(".closeRightLayout,.add_layout_after").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 0.5,
    right: "-300px",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeOut();
});
$("#add_tab").click(function(e) {

  $( ".rightLayout" ).animate({
    opacity: 1,
    right: "0",
    height: "toggle"
  }, 300, function() {
    // Animation complete.
  });

  $(".rightLayout,.add_layout_after").fadeIn();
});

我寫了一個(gè)這樣的代碼
我發(fā)現(xiàn)案他出來的時(shí)候很順
但當(dāng)他回去的時(shí)候會(huì)很快
明明一樣都是300ms...

回答
編輯回答
怣人

使用animate.css里面的一些動(dòng)畫就可以做到(https://daneden.github.io/ani...),或者自行百度css3滑動(dòng)特效,就是在點(diǎn)擊按鈕的時(shí)候添加相應(yīng)的class即可


應(yīng)該是你一開始沒有給right一個(gè)初始值的原因,而你讓其滑出的時(shí)候給了right一個(gè)-300px;這會(huì)導(dǎo)致滑入和滑出的速度是不一樣的,雖然時(shí)間一樣,但是固定時(shí)間內(nèi)運(yùn)行的距離是不一樣的,你確保right的初始值跟滑出的值是一樣的,這樣滑入滑出的速度就是一樣的

2018年1月7日 17:53