首页
源码插件
代码笔记
精品资源
美图音乐
点滴记忆
关于博主
友情链接
搜索
搜索
热门搜索
BingGan
她说爱你,没说只爱你!
累计撰写
93
篇文章
累计收到
32
条评论
首页
导航
首页
源码插件
代码笔记
精品资源
美图音乐
点滴记忆
关于博主
友情链接
旗下站点
Bg‖ 在线音乐
Bg‖ Mail邮件
Bg‖ SEO外链
包含标签 【导航引导页】 的文章
2024-5-9
墨星拟态个人引导页v3.0版本
随着应用功能越来越多,繁多而详细的功能使用和说明文档,已经不能满足时代追求 快速 的需求,而 引导页(或分步引导) 本质就是 化繁为简,将核心功能以更简单、简短、明了的文字指引用户去使用对应的功能,特别是 ToB 的项目,各种新功能需求迭代非常快,免不了需要 引导页 的功能来快速帮助用户引导。
2024年-5月-9日
409 阅读
0 评论
源码分享
2024-4-15
站长街|互站网交易平台导航源码
源码纯html单页,互站网最新引导分发页。 新建index.html把下方源码导入进 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>站长街 - 免费素材网为你提供站长资讯,软件下载,PSD素材,特效代码,字体下载,特效代码下载,打造完美站长资源平台!</title> <meta name="keywords" content="素材网,站长资讯,站长资源平台,软件下载,PSD素材,特效代码,字体下载"> <meta name="description" content="站长街为国内体验最好的站长资源平台,提供免费矢量素材,站长资讯,软件下载,网页模板,JS特效代码,PSD网页素材,字体下载,整站程序源代码,FLASH整站程序等,让任何一个站长都能轻松找到自己想要素材。"> <base target="_blank"> <link rel="stylesheet" href="img/temp.css" type="text/css"> <script type="text/javascript" language="javascript"> $(function(){ $('#taobao_ico').poshytip(); $('#hotel_ico').poshytip(); $('#travel_ico').poshytip(); $('#youxia_ico').poshytip(); }); function _load(){ var _bodyHeight =parseInt(document.documentElement.clientHeight); var _height = parseInt(document.getElementById("footer").offsetHeight); var _centerHeight = parseInt(document.getElementById("center").offsetHeight); var _contentHeight = _bodyHeight - _centerHeight; if(_contentHeight>_height){ document.getElementById('footer').style.height=_contentHeight-27+'px'; } } $(window).resize(function(){ _load(); }); </script> </head> <body onload="_load()"> <div id="center"> <div class="ico"> <label> <a href="http://www.huzhan.com" ><img id="index_ico" title="" src="img/huzhan_1.png" width="53" height="54"></a> <a href="http://www.huzhan.com">互站网首页</a> </label> <label><a href="http://www.huzhan.com/code/"><img id="code_ico" title="" src="img/huzhan_2.png" width="53" height="54"></a> <a href="http://www.huzhan.com/code/">源码-交易</a> </label> <label> <a href="http://web.huzhan.com/"><img id="web_ico" title="" src="img/huzhan_3.png" width="53" height="54"></a> <a href="http://web.huzhan.com/">网站-交易</a> </label> <label> <a href="http://domain.huzhan.com/"><img id="domain_ico" title="" src="img/huzhan_4.png" width="53" height="54"></a> <a href="http://domain.huzhan.com/">域名-交易</a> </label> <label> <a href="http://www.huzhan.com/serve/"><img id="serve_ico" title="" src="img/huzhan_5.png" width="53" height="54"></a> <a href="http://www.huzhan.com/serve/">服务-市场</a> </label> <label> <a href="http://task.huzhan.com/"><img id="task_ico" title="" src="img/huzhan_6.png" width="53" height="54"></a> <a href="http://task.huzhan.com/">任务-需求</a> </label> </div> <div class="quckLink">友情链接: <a href="about/about.html">关于我们</a><label>|</label> <a href="javascript:;">联系我们</a><label>|</label> <a href="javascript:;">网站地址</a><label>|</label> <a href="javascript:;">广告合作</a> </div> </div> <div style="height: 117px;" id="footer"> <p>Copyright © 2009-2017, www.zzjie.com. All Rights Reserved. <br> 站长街 版权所有 <a href="https://beian.miit.gov.cn" style="color:#b8dde9" target="_blank" rel="nofollow">皖ICP备19017101号-3</a> </p> </div> </body> </html> css部分: body{ font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 12px; margin:0 auto; padding:0; background-color:#daf7ff; line-height:14px; } a{ color:#4dabc7; text-decoration:none;} a:hover{ text-decoration:underline;} #center{ background:url(//img.alicdn.com/imgextra/i2/462055445/TB2tgtxXCvHfKJjSZFPXXbttpXa-462055445.png) no-repeat; width:960px; height: 500px; margin:0 auto;} #center .ico{ padding-top: 340px; text-align:center; width:960px;} #center .ico label{ padding-right:10px; text-align:center; width:65px; display:inline-block;} #center .ico label img{ padding-bottom:5px;} #center .quckLink{ color:#ff9900; width:960px;text-align:center; height:16px; padding-top: 60px;} #center .quckLink label{ margin:0 10px;color:#4dabc7; } #footer{ background:url(../img/footer_bg.gif) repeat-x; height:80px; color:#b8dde9; padding-top:27px; text-align:center; background-color:#4dabc7;} #footer a{ color:#b8dde9;} #footer p{ margin:0; padding:5px 0px; line-height:18px;} #footer span{ padding:0 8px;} img{ border:0;}
2024年-4月-15日
195 阅读
0 评论
源码分享
2024-4-12
好看的程序发布页导航html源码第二版
页面标题自带跳动特效,css直接集成到了html页面,单页可做导航网/引导单页/程序分发页等,直接新建index.html把下面源码复制粘贴进去即可。
2024年-4月-12日
206 阅读
0 评论
源码分享
2024-4-8
程序发布页导航html源码
源码介绍: 这套源码样板很久之前就有了,刚好最近本站缺少一个引导页,于是网上扒拉一个,把css都集成到了html页面。 源码纯HTML单页,可做导航网/程序分发页/引导单页等,直接新建index.html页面 把下面源码复制进去自行修改即可。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="width=device-width, initial-scale=1.0, user-scalable=0" name="viewport"> <title>引导页-blog.qqzzz.cn</title> <meta name="keywords" content=""> <meta name="description" content=""> <link rel="icon" type="image/x-icon" href=".//blog.qqzzz.cn/favicon.ico"> <style type="text/css"> *{padding:0;margin:0} body{background-color:#00c250;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif} #main{margin:10px auto;display:flex;justify-content:center;flex-direction:column;align-items:center} .field{width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#6c757d;font-size:16px;padding:15px;margin:5px auto;border-radius:6px} .field.desc ul>li{text-align:left;font-size:14px} @media (max-width:500px){#main{padding:0 5px} .field{width:100%;padding:15px 0} .field.desc ul{margin:0 15px} .field.desc ul>li{text-align:left} } ul>li{margin-bottom:10px;list-style-type:none;text-align:center} ul>li.text{font-size:12px;clear:both;width:100%} .field .title{margin-bottom:15px;font-weight:700;color:#343a40} a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none} .brand{display:flex;align-items:center;justify-content:flex-start;text-align:center;color:#000;font-size:30px;font-weight:200;padding:20px;cursor:pointer} .brand span{color:#fff;font-weight:600} .brand span.flag{color:#00c250;background:#fff;border-radius:6px;font-size:20px;font-weight:700;display:inline-block;padding:0 5px;margin-left:5px} .enter-maomi{width:75%;text-align:center;line-height:40px;border:1px solid #00c250;border-radius:4px;margin-bottom:20px;margin-top:10px} .enter-icon{width:32px;height:41px;float:left;margin-right:5px;background-color:#00c250} .enter-link a{display:block} .icon{width:20px;height:20px;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block} .icon_hand{width:27px;height:27px;vertical-align:middle;background-image:url(data:image/png;base64,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);padding-top:12px} .c_black{color:#333;line-height:30px;font-size:12px} .c_blue{color:#00c250} .c_red{color:#f00} .c_link{font-size:14px;line-height:30px} .fri_link{overflow:hidden;width:80%} .fri_link li{float:left;display:block;font-size:.875rem;width:33.33333333%} .icon_ios_shared{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuGAAALhgBKqonIAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAHsSURBVGiB7ZvLasJAFEBvnsYXhFoKXaRLi/QHWrppl/2mrvtL3dZlf0AElxXsRiVgo+bdTVJEUmUmyYTc3ANCTGbuneMMmTEPKY5jaBJy1Q0QTeOEVZbCN6+z3Akt05A3bjhVZGmxcrznvPG+3oZM5YX2cCpr7/zhyvGeBl39Q2R+AIHClmmoqWy678cNHi3TYBpleREinMhODmUBANwg0jZuOLFMQ9gPX3qiLNmWKvvptr3zhxs3nIqSLjVJlqzZ1mZXPb1ntrW/M6BI6dIS/Cfbbymjub33+i3lrgrpUoKfkY0AAOb2PqhCuvDAydRzUjYlS1qRpcVxuSIpXHhu7yNFlr7T7xmy8cEnlR6ZbW026OrjIhYjpyhlDkwWFeMwiq+zevaY5PhtGW05prRJf+V4TwAA9s4/U1IsjfvzQMLYIWHskDB2WOdhlkucEmNsITlq3cMdXXFY69RaeOuFHdY63EvLi472eer4esu3pDwXN4l9zxUccgivt/4Db90C4nLfLqn1kOaBhLFDwtghYeyQMHZIGDskjB0Sxg4JY4eEsSP0obAE3uvVhdC4HiZh7JAwdhonzD0tXXb19yIbwsLS8bjrcgsvHe+FO2uFMA3plir7h8861xGmHnaDSE82a/uyk0QvaiGnccK/XaTidYL+GAMAAAAASUVORK5CYII=)} .icon_android_share{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuGAAALhgBKqonIAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAFYSURBVGiB7doxSgNBFMbxt5PZrGFWCMHCgAg2Fp7CUj1DbmBhZ2Ntk87CC3gIsfQWgo0gFoJRAm4YN7uZsTDKGtLOG3j7/cpt3v4TAl+RxHtPbaJivwA3BEuHYOkQLB2CpUOwdAiWrnXBmuPI7sUjDY0Zfc7nV0VVDbRSvp9ldxNrT54v9zle4Q/LN7yT53tv1t4UVTUgIqqdSybWHm/1ercc95tYgr8Wi+vauWT1+bQsjzjuN0X9Da/7EEJjCdZK3a97nqfpB8f9Jpbg19ls3M+yh+YzrZTf7HbPOO7/u8t1aFqWB9vGnNfOHRIRbXQ6py9F8cR1/xdbMNHPN01EY86bq1o3PBAsHYJDGRozytP0nYi8VsrFmJVE2NJhYEsvYUszwJYOBVs6EgwP6RAsHbZ0CNjSS9jSDLClQ8CWpnhbOsG/aYVDsHQIlg7B0iFYOgRLh2DpvgEr5a2EBqrivQAAAABJRU5ErkJggg==)} </style> </head> <body> <div id="main"> <div class="brand" id="logo"> <span>双虹云 </span><span class="flag">永久发布页</span> </div> <div class="field"> <div class="enter-maomi"> <div class="enter-icon"> <div class="icon icon_hand"></div> </div> <div class="enter-link"> <a href="http://blog.qqzzz.cn"><span class="c_blue">点击进入→双虹云1</span> </a> </div> </div> <div class="enter-maomi"> <div class="enter-icon"> <div class="icon icon_hand"></div> </div> <div class="enter-link"> <a href="http://blog.qqzzz.cn"><span class="c_blue">点击进入→双虹云官网2</span> </a> </div> </div> <div class="enter-maomi"> <div class="enter-icon"> <div class="icon icon_hand"></div> </div> <div class="enter-link"> <a href="http://blog.qqzzz.cn"><span class="c_blue">点击进入→双虹云官网3</span> </a> </div> </div> <div class="enter-maomi"> <div class="enter-icon"> <div class="icon icon_hand"></div> </div> <div class="enter-link"> <a href="http://blog.qqzzz.cn"><span class="c_red">点击进入→双虹云副业网</span> </a> </div> </div> <div class="enter-maomi"> <div class="enter-icon"> <div class="icon icon_hand"></div> </div> <div class="enter-link"> <a href="http://blog.qqzzz.cn"><span class="c_red">全网最低价拿货商城</span> </a> </div> </div> <p class="c_blue c_link">永久发布地址1:<a href="http://blog.qqzzz.cn" target="_blank">http://blog.qqzzz.cn</a></p> <!--p class="c_blue c_link">永久发布地址2:<a href="http://blog.qqzzz.cn" target="_blank">http://blog.qqzzz.cn</a></p--> <p style="text-decoration: line-through;">即将失效:<a target="_blank">https://www.qq.com</a></p> <p style="text-decoration: line-through;">即将失效:<a target="_blank">https://www.qq.cn</a></p> <!--p style="text-decoration: line-through;">即将失效:<a target="_blank">http://blog.qqzzz.cn</a></p> <p style="text-decoration: line-through;">已经失效:<a target="_blank">http://blog.qqzzz.cn</a></p--> </div> <div class="field "> <h4 class="title">✈ 记住永久地址</h4> <ul> <li><a href="http://blog.qqzzz.cn" target="_blank">http://blog.qqzzz.cn</a></li> </ul> </div> <div class="field desc"> <h4 class="title">✐ 溫馨提示</h4> <ul> <li>* 推荐使用谷歌(Chrome)浏览器访问本站,谷歌浏览器速度更快,iPhone建议使用手机自带Safria浏览器访问。</li> <li>* 如果您记不住本站域名,请收藏该页地址,收藏并分享给好朋友。</li> <p class="c_black">1、使用电脑的用户,请按键盘上的CTRL+D进行收藏</p> <p class="c_black">2、苹果手机用户在浏览器点击<span class="icon icon_ios_shared small-img"></span>,然后添加到个人收藏或主屏幕。</p> <p class="c_black">3、安卓手机用户点击<span class="icon icon_android_share small-img"></span>,或者打开浏览器设置,添加到书签或主屏幕。</p> </ul> </div> </div> </body> </html>
2024年-4月-8日
292 阅读
0 评论
代码笔记
2024-3-31
炫酷渐变色引导页HTML源码
源码说明: 单页源码/下载源码安装直接修改index.html即可。 图片我直接调用的QQ头像API和自己博客的外链图片。 样式挺好看,背景支持渐变色。 下载地址: 渐变色个人引导页源码
2024年-3月-31日
267 阅读
0 评论
源码分享