admin 使用js制作介绍页面全屏滚动效果
<link rel="stylesheet" href="css/jquery.fullPage.css"><script src="js/jquery.min.js"></script><script src="js/jquery-ui.min.js"></script><script src="js/jquery.fullPage.min.js"></script>
2.HTML内容，由于内容较多，只贴第一屏的HTML代码
<div class="section section1"><div class="bg"><img src="images/section1.jpg" alt=""></div><div class="bg11"></div><div class="bg12"></div><div class="bg13"></div><div class="mail"><a class="mail-163" href="http://www.js-css.cn/">JS代码网</a><a class="mail-126" href="http://www.js-css.cn/">JS代码大全</a><a class="mail-yeah" href="http://www.js-css.cn/">网站模板</a></div><div class="hgroup"><h1><a href="http://www.js-css.cn/">JS代码特效</a></h1><h2>改变，不止所见。</h2></div><p class="p11">网易邮箱6.0版——2014年最具创意气质的重量级新邮箱，重生光华，为之瞩目。唯美<br>的视觉设计和视觉化交互，无可替代的独创动态情景皮肤，多项国内创意产品专利技术，<br>成就无与伦比的出众品味，无可比拟的美妙体验。</p></div>
3.函数调用，这里面有个IE版本的判断，低版本IE使用的是 img 方式，并在 CSS 中设置 img 宽度
和高度 100%，以填满整个屏幕
<script>$(function(){if($.browser.msie && $.browser.version < 10){$('body').addClass('ltie10');}$.fn.fullpage({verticalCentered: false,anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8', 'page9', 'page10'],navigation: true,navigationTooltips: ['首页', '视觉', '交互', '皮肤', '功能', '待办邮件', '联系人邮件', '科技', '连接易信', '马上体验']});});</script>
0条评论