打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Apache网页文件目录模板

直接上代码

<html dir="ltr" lang="zh" i18n-processed=""><head>  <meta charset="utf-8">  <meta name="google" value="notranslate">    <style>    h1 {      border-bottom: 1px solid #c0c0c0;      margin-bottom: 10px;      padding-bottom: 10px;      white-space: nowrap;    }    table {      border-collapse: collapse;    }    th {      cursor: pointer;    }    td.detailsColumn {      -webkit-padding-start: 2em;      text-align: end;      white-space: nowrap;    }    a.icon {      -webkit-padding-start: 1.5em;      text-decoration: none;    }    a.icon:hover {      text-decoration: underline;    }    a.file {      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABnRSTlMAAAAAAABupgeRAAABHUlEQVR42o2RMW7DIBiF3498iHRJD5JKHurL CRVBp i2T16tTynF2gO0KSb5ZrBBl4HHDBuK/WXACH4eO9/CAAAbdvijzLGNE1TVZXfZuHg6XCAQESAZXbOKaXO57eiKG6ft9PrKQIkCQqFoIiQFBGlFIB5nvM8t9aOX2Nd18oDzjnPgCDpn/BH4zh2XZdlWVmWiUK4IgCBoFMUz9eP6zRN75cLgEQhcmTQIbl72O0f9865qLAAsURAAgKBJKEtgLXWvyjLuFsThCSstb8rBCaAQhDYWgIZ7myM TUBjDHrHlZcbMYYk34cN0YSLcgS wL0fe9TXDMbY33fR2AYBvyQ8L0Gk8MwREBrTfKe4TpTzwhArXWi8HI84h/1DfwI5mhxJamFAAAAAElFTkSuQmCC ") left top no-repeat;    }    a.dir {      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT /PGeNaecg4 qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2 05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5  PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66 Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn c/6eiK9poz15Kw7Dr/vN/z6W7q  091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII= ") left top no-repeat;    }    a.up {      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmlJREFUeNpsU0toU0EUPfPysx/tTxuDH9SCWhUDooIbd7oRUUTMouqi2iIoCO6lceHWhegy4EJFinWjrlQUpVm0IIoFpVDEIthm0dpikpf3ZuZ6Z94nrXhhMjM3c8895977BBHB2PznK8WPtDgyWH5q77cPH8PpdXuhpQT4ifR9u5sfJb1bmw6VivahATDrxcRZ2njfoaMv 2j7mLDn93MPiNRMvGbL18L9IpF8h9/TN EYkMffSiOXJ5 hkD PdqcLpICWHOHc2CC LEyA/K cKQMnlQHJX8wqYG3MAJy88Wa4OLDvEqAEOpJd0LxHIMdHBziowSwVlF8D6QaicK01krw/JynwcKoEwZczewroTvZirlKJs5CqQ5CG8pb57FnJUA0LYCXMX5fibd p8LWDDemcPZbzQyjvH Ki1TlIciElA7ghwLKV4kRZstt2sANWRjYTAGzuP2hXZFpJ/GsxgGJ0ox1aoFWsDXyyxqCs26 ydmagFN/rRjymJ1898bzGzmQE0HCZpmk5A0RFIv8Pn0WYPsiu6t/Rsj6PauVTwffTSzGAGZhUG2F06hEc9ibS7OPMNp6ErYFlKavo7MkhmTqCxZ/jwzGA9Hx82H2BZSw1NTN9Gx8ycHkajU/7M jInsDC7DiaEmo1bNl1AMr9ASFgqVu9MCTIzoGUimXVAnnaN0PdBBDCCYbEtMk6wkpQwIG0sn0PQIUF4GsTwLSIFKNqF6DVrQq IWVrQDxAYQC/1SsYOI4pOxKZrfifiUSbDUisif7XlpGIPufXd/uvdvZm760M0no1FZcnrzUdjw7au3vu/BVgAFLXeuTxhTXVAAAAAElFTkSuQmCC ") left top no-repeat;    }    html[dir=rtl] a {      background-position-x: right;    }    #parentDirLinkBox {      margin-bottom: 10px;      padding-bottom: 10px;    }    #listingParsingErrorBox {      border: 1px solid black;      background: #fae691;      padding: 10px;      display: none;    }  </style>  <title id="title">D:\www\ 的索引</title></head><body>  <div id="listingParsingErrorBox">糟糕!Google Chrome无法解读服务器所发送的数据。请<a href="http://code.google.com/p/chromium/issues/entry">报告错误</a>,并附上<a href="LOCATION">原始列表</a>。</div>  <h1 id="header">D:\www\ 的索引</h1>  <div id="parentDirLinkBox" style="display:none">    <a id="parentDirLink" class="icon up">    <span id="parentDirText">[上级目录]</span>  </a>  </div>  <table>    <thead>      <tr class="header" id="theader">        <th onclick="javascript:sortTable(0);">名称</th>        <th class="detailsColumn" onclick="javascript:sortTable(1);">          大小        </th>        <th class="detailsColumn" onclick="javascript:sortTable(2);">          修改日期        </th>      </tr>    </thead>    <tbody id="tbody">      <tr>        <td data-value="apple/"><a class="icon dir" href="#">apple/</a></td>        <td class="detailsColumn" data-value="0"></td>        <td class="detailsColumn" data-value="1509589967">2018/11/2 上午10:32:47</td>      </tr>      <tr>        <td data-value="apple/"><a class="icon file" href="#">a.txt/</a></td>        <td class="detailsColumn" data-value="0"></td>        <td class="detailsColumn" data-value="1509589967">2018/11/3 上午06:36:47</td>      </tr>      <tr>        <td data-value="apple/"><a class="icon up" href="#">c.txt/</a></td>        <td class="detailsColumn" data-value="0"></td>        <td class="detailsColumn" data-value="1509589967">2018/11/3 上午06:36:47</td>      </tr>    </tbody>  </table></body></html>

 

 

 

 

.

来源:https://www.icode9.com/content-4-607501.html
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
仿Apache目录案例中使用art-template
四个好看的CSS样式表格
table的border
北京张博士 呼吸2
使用CSS设置表格
JavaScript实现动态操作表格
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服