fullPage.js
Create Beautiful Fullscreen Scrolling Websites
fullPage.js,创建漂亮的满屏滚动网站。
<script type="text/javascript">
var myFullpage = new fullpage('#fullpage', {
anchors: ['first', 'second', '3rd'],
sectionsColor: ['#8FB98B', '#DE564B', '#EAE1C0'],
scrollBar: false,//不显示滚动条
slidesNavigation: true,//横线slide的导航点是否显示
navigation: true//竖线点导航
});
</script>
关注精益资源,各种cool组件顺手拈来。
jQuery和css3卡片自动翻牌效果,使用CSS3透视和backface-visibility属性达到卡片正反面效果,结合jquery的toggleClass,结合循环定时器来利用css的添加与删除,达到翻牌效果。