类似网易邮箱的全屏介绍页面全屏滚动介绍页面-freejs.net代码演示

首页>>Jquery图片>>类似网易邮箱的全屏介绍页面全屏滚动介绍页面(2014-08-25)

类似网易邮箱的全屏介绍页面全屏滚动介绍页面

文字和图片混合切换并有各种特效效果，请看演示

XML/HTML Code

<div class="section section2">
<div class="bg"><img src="images/section2.jpg" alt=""></div>
<div class="bg21"></div>
<div class="bg22"></div>
<div class="bg23"></div>
<strong>[ 视觉·简 ]</strong>
<h3>华丽蜕变，尽享愉悦之美</h3>
<p class="p1">秉承网易邮箱经典的清新简洁的设计风格，邮箱 6.0 版带来全新一代的设计理念，更追求极致唯美的视觉设计、传承更多人文和艺术底蕴，华丽蜕变，带来更舒服更爽心悦目的视觉享受。</p>
</div>
<div class="section section3">
<div class="bg"><img src="images/section3.jpg" alt=""></div>
<div class="bg31"></div>
<div class="bg32"></div>
<div class="bg33"></div>
<strong>[ 视觉化交互设计 ]</strong>
<h3>心随眼动，感官直接体验</h3>
<p class="p3">邮箱 6.0 版采用了全新的视觉化交互设计，通过对界面的整体风格设计、重要信息的视觉化处理以及元素本身的视觉传达优化，来实现产品流程设计和交互行为塑造。从视觉的角度出发，让用户无需多想，直接通过感官与产品进行交互。</p>
</div>