繁體中文
課錄教育
課錄系統
課錄資訊系統
分鏡合併系統
子母錄製系統
分鏡錄製系統
剪輯系統
數位剪輯系統
即時雲端系統
分鏡剪輯系統
雲端學習／高清直播
直播學習系統
硬體採購
HD高畫質攝影機
高感度收音器
課錄資訊系統
實例展示
10米大教室
電子白板
直播說明會
大型補教專用
大專院校推薦
6米黑板教室
電視黑板教室
6米5大教室
2米8高中數學
2米8教室數學
2米8教室理化
投影直映黑板
投影直映白板
4米白板教室
6米白板教室
5米黑板教室
數位投影教室
實物電子白板
虛擬電子白板
4米數理教室
大學通識中心
資訊採購
台銀採購部
電腦系統
週邊設備
經濟部工業局
Live直播遠距教學系統
數位剪輯轉檔系統
資訊安全
防火牆加值服務
虛擬主機租賃
企業郵件伺服主機
VPN資安防護系統
系統開發
政府部門
補教題庫系統
紙業管理系統
網站規劃設計
我們的客戶
公司實績
課錄系統
教育單位
機房建置
政府部門
企業單位
維修支援
授權經銷商
關於我們
訊息公告
檔案下載
補教題庫系統
jurui
2017-12-15T13:38:40+00:00
操作畫面如下
<html> <head> <title>捕教題庫系統</title> <meta name="description" content="Elegant Accordion with jQuery and CSS3"> <meta name="keywords" content="jquery, slide out,accordion, css3, fadeout, fadein, elegant, fancy, box shadow"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <style> * { margin: 0; padding: 0; } body { font-family: "微軟正黑體"; } a { color: #444; font-family: "微軟正黑體"; } a:hover { color: #999; } .title { width: 500px; height: 152px; position: absolute; top: 0px; left: 0px; background: transparent url(title.png) no-repeat top left; font-family: "微軟正黑體"; } a.back { position: fixed; width: 150px; height: 27px; outline: none; bottom: 0px; left: 0px; font-family: "微軟正黑體"; } #content { margin: 0 auto; font-family: "微軟正黑體"; } .reference { clear: both; top: 300px; left: 0px; position: absolute; text-align: right; width: 400px; padding: 20px; background-color: #fff; -moz-box-shadow: 1px 3px 15px #ddd; -webkit-box-shadow: 1px 3px 15px #ddd; box-shadow: 1px 3px 15px #ddd; font-family: "微軟正黑體"; } .reference p a { text-transform: uppercase; text-shadow: 1px 1px 1px #fff; color: #666; text-decoration: none; font-size: 10px; font-family: "微軟正黑體"; } .reference p a:hover { color: #333; font-family: "微軟正黑體"; } </style> </head> <body marginwidth="0" marginheight="0"> <div id="content"> <ul class="accordion" id="accordion"> <li class="bg1"> <div class="heading">4.產生試卷</div> <div class="bgDescription"></div> <div class="description"> <h2>4.產生試卷</h2> <p>可分別設定各種題型的難易度題數。 <br> 可電腦隨機取出題目。 <br> 可電腦隨機調整答案選項。 <br> 可人工指定與調動題目順序。 <br> 可套用至指定範本格式。 </p> <a href="1.png" target="_blank">點此放大</a> </div> </li> <li class="bg2"> <div class="heading">3.題庫輸入</div> <div class="bgDescription"></div> <div class="description"> <h2>3.題庫輸入</h2> <p>如附圖 </p> <a href="1.png" target="_blank">點此放大</a> </div> </li> <li class="bg3"> <div class="heading">2.試題分類</div> <div class="bgDescription"></div> <div class="description"> <h2>2.試題分類</h2> <p>可設定6個層次的試題分類，設定好分類，即可在選擇出題時挑選所需要的分類題目。</p> <a href="1.png" target="_blank">點此放大</a> </div> </li> <li class="bg4 bleft"> <div class="heading">1.選單</div> <div class="bgDescription"></div> <div class="description"> <h2>1.選單</h2> <p>本工具軟體提供英文、數學以及理化三個科目的出題系統。</p> <a href="1.png" target="_blank">點此放大</a> </div> </li> </ul> </div> <!-- The JavaScript --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function () { $('#accordion > li').hover( function () { var $this = $(this); $this.stop().animate({ 'width': '480px' }, 500); $('.heading', $this).stop(true, true).fadeOut(); $('.bgDescription', $this).stop(true, true).slideDown(500); $('.description', $this).stop(true, true).fadeIn(); }, function () { var $this = $(this); $this.stop().animate({ 'width': '115px' }, 1000); $('.heading', $this).stop(true, true).fadeIn(); $('.description', $this).stop(true, true).fadeOut(500); $('.bgDescription', $this).stop(true, true).slideUp(700); } ); }); </script> </body> </html>
