当下软件园 / 汇聚当下最新最酷的软件下载站!
您的位置: 三尾中特最准网站 > 网络软件 > 主页制作 > 网站引导页HTML源码 绿色免费版
网站引导页HTML源码 网站引导页HTML源码 绿色免费版 / 网站引导页源码 版本

  网站引导页HTML源码网站设计者一个参考,这是一款界面简单功能却丰富的基于HTML编写自PJAX框架功能的引导单页,设计者可以直接导入引导单页源码进行编辑使用。

网站引导页HTML源码

【框架优点】

  用户体验提升。

  页面跳转的时候人眼需要对整个页面作重新识别, 刷新部分页面的时候, 只需要重新识别其中一块区域。自从我在自己的网站 GuruDigger 上面采用了pjax技术后, 不由觉得访问其他只有页面跳转的网站难受了许多。 同时, 由于刷新部分页面的时候提供了一个loading的提示, 以及在刷新的时候旧页面还是显示在浏览器中, 用户能够容忍更长的页面加载时间。

  极大地减少带宽消耗和服务器消耗。

  由于只是刷新部分页面, 大部分的请求(css/js)都不会重新获取, 网站带有用户登录信息的外框部分都不需要重新生成了。 虽然我没有具体统计这部分的消耗, 我估计至少有40%以上的请求, 30%以上的服务器消耗被节省了。

【使用说明】

  1、准备好引导页的图片

  2、写好网页、用绝对定位写好放入图片

  3、 写一个<div id="mask"></div>,背景颜色为黑色,半透明(蒙版)

  再写一个div,做引导区,在其中放入,引导页的div,如:

  <div id="searchTip">

  <div class="stepA"><a>下一步</a><span>关闭</sapn></div>

  <div class="stepB"><a>下一步</a><span>关闭</sapn></div>

  <div class="stepC"><a>下一步</a><span>关闭</sapn></div>

  </div>

  4、 用html:{height:100%},body:{height:100%};.stepA:{height:100%},撑开网页

  用#mask{position:absolu;,left:50%;margin-left:-searchTip宽度的一半},可以使其mask居中

  用text-indent:-999px;over:hidden;可以让文字消失

  ·用cursor:pointer;可以让鼠标的指针变为手型

  5、用js或者jquery写逻辑操作,点击下一步,关闭当前的div,打开下一个div

  js:window:onload=function(){

  var oMask=document.getElementsById('mask');

  var oSearch=document.getElementsById("searchTip");//抓取searchTip

  var oStep=oSearch.getElementsByTagName('div');

  var oA=oSearch.getElementsByTagName('a');//获取<a>标签

  var oS=oSearch.getElementsByTagName('span');//获取span标签

  oMask.style.display=oSearch.style.display=osSep[0].style.display='block';//显示

  //a[i].parentNode.style.display ?的意思为获取a[i]的父类标签的样式,改变display

  }

软件特别说明

标签: 网页制作

其他版本下载
最新评论
回顶部 去下载

关于本站|下载帮助|下载声明|三尾中特最准网站|联系我们

Copyright ? 2005-2019 三尾中特最准网站 www.pbya4.cn.All rights reserved.

浙ICP备06019006号 浙公网安备33038102330474号

  • 钟汉良押题 明星都有哪些押题神预测 2019-05-24
  • 家装行业猫腻多:“低价全包”变身“加价全包” 2019-05-21
  • 西安紫云溪小区深夜有人竟高空扔粪便 律师:违法行为 2019-05-12
  • 县名解析:大同阳高县县名来历 2019-05-12
  • 黄山风景区:“四位一体”救援,筑牢安全屏障 2019-05-02
  • 楼市数据连降十月反弹 高投资难为继须防资金风险 ——凤凰网房产北京 2019-04-21
  • 陶峙岳上将率部起义之前 如何处置反对起义的部将 2019-04-21
  • 被控涉“共谍案” 新党王炳忠等4人遭起诉 回应 2019-04-11
  • LILY NAILS让物价回到十八年前 2019-04-09
  • 拜博口腔医疗集团创始人、董事长黎昌仁获第十二届人民企业社会责任奖年度人物奖 2019-04-09
  • 池州:上千名幼儿及家长共同诵读古今经典(图) 2019-04-05
  • 清凉端午过后 气温重回30℃ 2019-04-05
  • 事件 —频道 春城壹网 七彩云南 一网天下 2019-03-25
  • 一男子假冒“中将”欲在云南登机被查出:不知军改何时开始 2019-03-25
  • 食物能够为人体提供能量,衣服能够为人体保存能量,从而保证人的生命的延续和存在,达到健康长寿的终极目的。 2019-02-06
  • 886| 406| 881| 66| 468| 673| 109| 177| 987| 80|