星级评价:
日期:09-13
立即下载
网站引导页HTML源码给网站设计者一个参考,这是一款界面简单功能却丰富的基于HTML编写自PJAX框架功能的引导单页,设计者可以直接导入引导单页源码进行编辑使用。
用户体验提升。
页面跳转的时候人眼需要对整个页面作重新识别, 刷新部分页面的时候, 只需要重新识别其中一块区域。自从我在自己的网站 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
}
其他版本
本类下载排名 总 月
IGG谷歌访问助手 V2.0.5 官方最新版
156次软件大小:582.89 KB
更新日期:2022-05-11
WPS投影宝PC版 V13.5 免费版
78次软件大小:65.46 MB
更新日期:2022-05-21
时速鹰眼搜外贸客户开发软件 V3.1.2.1
75次软件大小:21.18 MB
更新日期:2022-05-22
Dualsub插件 V1.31.0 免费版
72次软件大小:244.96 KB
更新日期:2022-05-22
ActiveDShare(网动数据共享软件) V3.5.2.37 免费版
70次软件大小:6.66 MB
更新日期:2022-05-22
批量签名编辑工具 V3.0.9.1 绿色版
69次软件大小:708 KB
更新日期:2022-05-19
搜推宝百度关键词排名查询软件 V1.0 绿色版
68次软件大小:2.02 MB
更新日期:2022-05-18
网络流量监测IP雷达 V5.0.2 官方版
66次软件大小:5.89 MB
更新日期:2022-05-19
星愿浏览器 V7.9.1000.2106 官方正式版
65次软件大小:63.39 MB
更新日期:2022-05-20
Sublime Text4(代码编辑器) V4.4105 汉化绿色版
61次软件大小:25.54 MB
更新日期:2022-05-21
搜推宝百度关键词排名查询软件 V1.0 绿色版
12次软件大小:2.02 MB
更新日期:2022-05-18
网页视频下载器(YTD Video Downloader Pro) V7.1.10 官方版
11次软件大小:19.69 MB
更新日期:2022-05-19
ActiveDShare(网动数据共享软件) V3.5.2.37 免费版
10次软件大小:6.66 MB
更新日期:2022-05-22
快手刷人气上热门软件 V1.0 绿色版
10次软件大小:593 KB
更新日期:2022-05-22
星愿浏览器 V7.9.1000.2106 官方正式版
10次软件大小:63.39 MB
更新日期:2022-05-20
亿彩文件批量下载器 V2.0
9次软件大小:4.53 MB
更新日期:2022-05-18
Cacti(网络流量监测图形分析工具) V0.8.8h 中文版
8次软件大小:2.50 MB
更新日期:2022-05-19
水淼ASPCMS站群文章更新器 V1.0.1.0 绿色版
8次软件大小:835 KB
更新日期:2022-05-22
CompactView(sdf文件浏览器) V1.4.2.0
8次软件大小:306 KB
更新日期:2022-05-21
八百里流媒体服务器 V3.2 官方版
8次软件大小:35.19 MB
更新日期:2022-05-23
装机必备
最新软件
热门软件推荐
软件专题 更多+