HTML+js頁面橫向分欄效果
<!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=gb2312" />
<title>動態網站建設與管理</title>
<style type="text/css">
html,body{width:100%; height:700px;}
body,td,th {font-size: 14px;}
body {margin: 0px; background:#eee; color:#666;}
a:link {color: #333;text-decoration: none;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #333;}
a:active {text-decoration: none;color: #333;}
ul,form{margin:0; padding:0; }
.clear{ clear:both; margin:0; padding:0; height:0;}javascript
ul{width:300px;height:100%;text-align:left;column-count:1;column-rule:0px dotted #d8d8d8;}
ul li{ margin-left:5px;}
.list{ width:92%; height:80%; margin:20px auto 0 auto; overflow:hidden; background:#fff;}
.tit1{ font-size:14px; font-weight:700; list-style:none; margin-top:10px;}
.tit2{ font-size:12px; line-height:25px; margin-left:25px; color:#999;}
.tit3{ font-size:12px; line-height:25px; margin-left:25px; color:#999; list-style:none;}
</style>
<script type="text/javascript">
window.onload = function() {
var oul = document.getElementsByTagName('ul')[0];
for(var i=0; i<9; i++){
var _li = document.createElement('li');
_li.innerText = i+1;
}
};
</script>
</head>css
<body>
<div style="text-align:center; background:#333; font-size:24px; color:#fff; line-height:50px;">動態網站建設與管理</div>
<div class="list">
<ul>
<li class="tit1">第1章 ASP概述</li>
<li class="tit2">1.1 什麼是ASP</li>
<li class="tit2">1.2 ASP程序的執行（IIS簡述）</li>
<li class="tit2">1.3 ASP程序在Windows Vista操做系統中運行要求</li>
<li class="tit3">1.4 本章小結</li>
<li class="tit1">第2章 ASP框架語言——HTML</li>
<li class="tit2">2.1 HTML語言結構</li>
<li class="tit2">2.2 HTML非正文標記</li>
<li class="tit2">2.3 HTML正文標記</li>
<li class="tit2">2.4 HTML特殊標記</li>
<li class="tit3">2.5 本章小結</li>
<li class="tit1">第3章 ASP腳本語言——VBScript</li>
<li class="tit2">3.1 VBScript概述</li>
<li class="tit2">3.2 VBScript數據類型及運算符</li>
<li class="tit2">3.3 VBScript變量和常量</li>
<li class="tit2">3.4 VBScript經常使用函數</li>
<li class="tit2">3.5 VBScript語句</li>
<li class="tit2">3.6 VBScript過程和自定義函數</li>
<li class="tit2">3.7 使用VBScript對象編程</li>
<li class="tit2">3.8 綜合實例</li>
<li class="tit3">3.9 本章小結</li>
<li class="tit1">第4章 ASP內置對象</li>
<li class="tit2">4.1 獲取客戶端數據的Request對象</li>
<li class="tit2">4.2 向客戶端輸出數據的Response對象</li>
<li class="tit2">4.3 應用程序會話管理</li>
<li class="tit2">4.4 服務器信息的Server對象</li>
<li class="tit3">4.5 本章小結</li>
<li class="tit1">第5章 ASP內置組件</li>
<li class="tit2">5.1 基本概念</li>
<li class="tit2">5.2 Ad Rotator組件（製做頁面廣告輪顯）</li>
<li class="tit2">5.3 Browser Capabilities組件（偵測瀏覽器能力）</li>
<li class="tit2">5.4 Context Linking組件（製做在線小說）</li>
<li class="tit2">5.5 Counters與Page Counter組件（頁面訪問次數統計）</li>
<li class="tit2">5.6 綜合實例：網頁在線投票統計</li>
<li class="tit3">5.7 本章小結</li>
<li class="tit1">第6章 ASP的文件處理</li>
<li class="tit2">6.1 FileSystemObject對象</li>
<li class="tit2">6.2 TextStream對象</li>
<li class="tit2">6.3 File對象及Files集合</li>
<li class="tit2">6.4 Folder對象及Folders集合</li>
<li class="tit2">6.5 Drive對象及Drives集合</li>
<li class="tit2">6.6 綜合實例：訪客留言簿</li>
<li class="tit3">6.7 本章小結</li>
<li class="tit1">第7章 ASP數據庫基礎知識</li>
<li class="tit2">7.1 數據庫基礎知識</li>
<li class="tit2">7.2 建立適用於ASP程序的數據庫</li>
<li class="tit2">7.3 結構化查詢語言SQL</li>
<li class="tit3">7.4 本章小結</li>
<li class="tit1">第8章 ADO在ASP中的應用</li>
<li class="tit2">8.1 活動數據對象ADO</li>
<li class="tit2">8.2 鏈接數據庫Connection對象</li>
<li class="tit2">8.3 檢索數據Recordset對象</li>
<li class="tit2">8.4 加強處理能力Command對象</li>
<li class="tit2">8.5 ADO對象庫的集合</li>
<li class="tit2">8.6 綜合實例：用戶註冊登陸系統</li>
<li class="tit3">8.7 本章小結</li>
<li class="tit1">第9章 常見ASP腳本攻擊及防範</li>
<li class="tit2">9.1 ASP漏洞</li>
<li class="tit2">9.2 防範措施</li>
<li class="tit3">9.3 本章小結</li>
<li class="tit1">第10章 ASP技術的綜合應用 一套完整的動態網站程序</li>
<li class="tit2">10.1 網站定位</li>
<li class="tit2">10.2 功能模塊劃分</li>
<li class="tit2">10.3 數據庫設計</li>
<li class="tit2">10.4 會員註冊與管理</li>
<li class="tit2">10.5 預約制商品</li>
<li class="tit2">10.6 商品陳列架</li>
<li class="tit2">10.7 用Cookies實現購物車</li>
<li class="tit2">10.8 商品檢索</li>
<li class="tit2">10.9 BBS社區論壇</li>
<li class="tit2">10.10 主頁設計及各模塊的整合</li>
<li class="tit3">10.11 本章小結</li>
<li class="tit1">第11章 課程設計、綜合測試、教學大綱</li>
<li class="tit2">11.1 課程設計 中小型網站開發能力訓練</li>
<li class="tit2">11.2 上機測試題</li>
<li class="tit2">11.3 理論測試題（閉卷）</li>
<li class="tit2">11.4 教學大綱</li>
<li class="tit3">附錄A VBScript函數速查表</li>
<li class="tit3">附錄B 習題答案</li>
<li class="tit3">網站開發工程師模擬考試題</li>
</ul>
</div>
</body>
</html>html
- 1. ViewPager -- 橫向切換頁面
- 2. 分頁效果
- 3. UICollectionView 橫向滑動 分頁
- 4. JS 橫向圖片跑馬燈效果
- 5. vue 實現橫向滑動 加效果
- 6. 小程序橫向滑動效果
- 7. 頁面loading效果
- 8. 移動端橫向滑動,切換到pc頁面效果消失
- 9. BIRT 如何處理橫向分欄
- 10. Word2007：如何在豎版（縱向）頁面中間插入橫版（橫向）頁面
- 更多相關文章...
- • SVG 模糊效果 - SVG 教程
- • XSL-FO 頁面 - XSL-FO 教程
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • Git五分鐘教程
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 安裝cuda+cuDNN
- 2. GitHub的使用說明
- 3. phpDocumentor使用教程【安裝PHPDocumentor】
- 4. yarn run build報錯Component is not found in path 「npm/taro-ui/dist/weapp/components/rate/index「
- 5. 精講Haproxy搭建Web集羣
- 6. 安全測試基礎之MySQL
- 7. C/C++編程筆記：C語言中的複雜聲明分析，用實例帶你完全讀懂
- 8. Python3教程(1)----搭建Python環境
- 9. 李宏毅機器學習課程筆記2：Classification、Logistic Regression、Brief Introduction of Deep Learning
- 10. 阿里雲ECS配置速記
- 1. ViewPager -- 橫向切換頁面
- 2. 分頁效果
- 3. UICollectionView 橫向滑動 分頁
- 4. JS 橫向圖片跑馬燈效果
- 5. vue 實現橫向滑動 加效果
- 6. 小程序橫向滑動效果
- 7. 頁面loading效果
- 8. 移動端橫向滑動,切換到pc頁面效果消失
- 9. BIRT 如何處理橫向分欄
- 10. Word2007：如何在豎版（縱向）頁面中間插入橫版（橫向）頁面