Fatal编程技术网
  • javascript/
  • Javascript 从右侧滑入，不透明度：0 jquery

Javascript 从右侧滑入，不透明度：0 jquery

javascript jquery html

Javascript 从右侧滑入，不透明度：0 jquery,javascript,jquery,html,Javascript,Jquery,Html,非常简单的问题；如何使不透明度：0元素从右侧滑入视图（类似于滑入效果）？最简单的方法是使用JS指定类，并让CSS为您完成任务。 使用类似于单击的事件会有如下气味： $（“按钮”）。在（“单击”，函数（）{ $（“.fadeOutLeft”）.toggleClass（“显示”）； }); /*演示样式*/ #包装纸{ 位置：相对位置； 溢出：隐藏； } #盒子{ 高度：100px； 背景：#0bf； } /*初始样式*/ .fadedOutLeft{ 不透明度：0； 过渡：0.6s； 变换：tr

非常简单的问题；如何使不透明度：0元素从右侧滑入视图（类似于滑入效果）？

最简单的方法是使用JS指定类，并让CSS为您完成任务。
使用类似于
单击
的事件会有如下气味：



$（“按钮”）。在（“单击”，函数（）{
$（“.fadeOutLeft”）.toggleClass（“显示”）；
});

/*演示样式*/
#包装纸{
位置：相对位置；
溢出：隐藏；
}
#盒子{
高度：100px；
背景：#0bf；
}
/*初始样式*/
.fadedOutLeft{
不透明度：0；
过渡：0.6s；
变换：translateX（100%）；/*完全向右*/
}
/*jQuery添加了“.show”样式*/
.fadedOutLeft.show{
不透明度：1；
转化：translateX（0%）；
}



切换。显示

通过创建一些HTML、CSS3，最终甚至不使用JS/jQueryanimate它的不透明度（如果你想看到它）及其位置或变换。或者如果你真的想使用jQuery，你可以添加更多，就像在jQuery UI中一样，它允许你定义任何滑动方向