Skip to content

Instantly share code, notes, and snippets.

@bingluen

bingluen/法務部法官學院-首頁.html

Last active December 9, 2017 15:47
Show Gist options
  • Save bingluen/803575700db5e44bca5bf29215bd2f73 to your computer and use it in GitHub Desktop.
Save bingluen/803575700db5e44bca5bf29215bd2f73 to your computer and use it in GitHub Desktop.
Download ZIP
法務部司法官學院-首頁修改範例
Raw
法務部法官學院-首頁.html
<table summary="layout table" class="clearMp01">
<tbody>
<tr>
<td class="rightblock" style="
padding: 0px;
">
<p align="center">
<iframe height="250" src="https://www.youtube.com/embed/ti3pmBHM-Vs" frameborder="0" width="300" allowfullscreen=""></iframe>&nbsp;
<iframe title="司法官學院簡介英文版" style="HEIGHT: 250px; WIDTH: 300px" height="315" src="https://www.youtube.com/embed/vVgS4i4eHeg"
frameborder="0" allowfullscreen=""></iframe>&nbsp;
<iframe height="250" src="https://www.youtube.com/embed/JQcvN3Rb2a0" frameborder="0" width="300"
allowfullscreen=""></iframe>
</p>
<p>
</p>
<p class="MsoNormal" align="center">法務部所屬機關導覽</p>
<p class="MsoNormal" align="center">
<a target="_nwMof" href="http://www.tph.moj.gov.tw/mp003.html">檢察機關</a>&nbsp;&nbsp;
<a target="_nwMof" href="http://www.tph.moj.gov.tw/mp030.html">行政執行機關</a>&nbsp;&nbsp;
<a title="" href="http://www.mjac.moj.gov.tw/mp801.html" target="_nwMof">矯正機關</a>&nbsp;&nbsp;
<a target="_nwMof" href="http://www.mjib.gov.tw/">調查機關</a>&nbsp;&nbsp;
<a target="_nwMof" href="http://www.aac.moj.gov.tw/mp289.html">廉政機構</a>
</p>
<div id="廣告_右_abgneBlock" xmlns="">
<div class="prevten">
<img alt="上一頁" title="上一頁" src="xslGip/unit092/images/button.png">
</div>
<div id="廣告_右_bannerBlock">
<ul class="list" style="">
<li>
<a href="HitCounter.asp?xItem=265801&amp;mp=092" title="環保教育(另開新視窗)">
<img src="public/Data/24611920978.jpg" alt="環保教育(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=260729&amp;mp=092" title="幸福小站(另開新視窗)(另開新視窗)" target="_nwGip">
<img src="public/Data/221517367948.jpg" alt="幸福小站(另開新視窗)(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=258856&amp;mp=092" title="全民國防教育網">
<img src="public/Data/22111557451.gif" alt="全民國防教育網">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=250713&amp;mp=092" title="公務人員行政中立訓練及宣導">
<img src="public/Data/11125165641142.gif" alt="公務人員行政中立訓練及宣導">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=233318&amp;mp=092" title="戒毒成功專線求助網">
<img src="public/Data/16381519987.gif" alt="戒毒成功專線求助網">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=233317&amp;mp=092" title="反毒大本營">
<img src="public/Data/72161652435.jpg" alt="反毒大本營">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=230530&amp;mp=092" title="165反詐騙專屬網站">
<img src="public/Data/15189548619.jpg" alt="165反詐騙專屬網站">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=219386&amp;mp=092" title="1991報平安留言平台">
<img src="public/Data/111911854117.jpg" alt="1991報平安留言平台">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=219363&amp;mp=092" title="人權大步走">
<img src="public/Data/11199019306.JPG" alt="人權大步走">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=177136&amp;mp=092" title="檔案管理局">
<img src="public/Data/91118144737834.jpg" alt="檔案管理局">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=160431&amp;mp=092" title="動畫影音專區(另開新視窗)" target="_nwGip">
<img src="public/Data/965171832666.jpg" alt="動畫影音專區(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=31382&amp;mp=092" title="法務部">
<img src="public/Data/511309152206.jpg" alt="法務部">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=456417&amp;mp=092" title="點亮臺灣，亞洲典範(另開新視窗)" target="_nwGip">
<img src="public/Data/6122111211527.jpg" alt="點亮臺灣，亞洲典範(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=359301&amp;mp=092" title="劣質豬油事件專區(另開新視窗)(另開新視窗)" target="_nwGip">
<img src="public/Data/493016030664.jpg" alt="劣質豬油事件專區(另開新視窗)(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=346423&amp;mp=092" title="犯罪防治研究資料庫(另開新視窗)">
<img src="public/Data/4611104262.jpg" alt="犯罪防治研究資料庫(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=356223&amp;mp=092" title="台銀公保(另開新視窗)">
<img src="public/Data/4931244291.jpg" alt="台銀公保(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=318470&amp;mp=092" title="法務部個人資料保護法討論專區(另開新視窗)">
<img src="public/Data/391618597256.jpg" alt="法務部個人資料保護法討論專區(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=334172&amp;mp=092" title="新住民數位資訊e網(另開新視窗)">
<img src="public/Data/4224135539632.png" alt="新住民數位資訊e網(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=488309&amp;mp=092" title="行政院人事行政總處(另開新視窗)" target="_nwGip">
<img src="public/Data/79259163719.jpg" alt="行政院人事行政總處(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=157792&amp;mp=092" title="重大政策">
<img src="public/Data/957105945998.gif" alt="重大政策">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=157794&amp;mp=092" title="就業資訊">
<img src="public/Data/95711113535.gif" alt="就業資訊">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=19157&amp;mp=092" title="我的e政府(另開新視窗)" target="_nwGip">
<img src="public/Data/51117114433439.gif" alt="我的e政府(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=283303&amp;mp=092" title="行政院公報資訊網(另開新視窗)">
<img src="public/Data/2102104418383.jpg" alt="行政院公報資訊網(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=279077&amp;mp=092" title="消除性別歧視(另開新視窗)" target="_nwGip">
<img src="public/Data/282493048736.jpg" alt="消除性別歧視(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=279070&amp;mp=092" title="毒品防治(另開新視窗)" target="_nwGip">
<img src="public/Data/28248595278.jpg" alt="毒品防治(另開新視窗)">
</a>
</li>
<li>
<a href="HitCounter.asp?xItem=274991&amp;mp=092" title="紫錐花運動(另開新視窗)">
<img src="public/Data/2711155038888.jpg" alt="紫錐花運動(另開新視窗)">
</a>
</li>
</ul>
</div>
<div class="next">
<img alt="下一頁" title="下一頁" src="xslGip/unit092/images/button.png">
</div>
</div>
<script type="text/javascript">
$(function () {
var $廣告_右_block = $('#廣告_右_bannerBlock'),
$廣告_右_slides = $('ul.list', $廣告_右_block),
$廣告_右_width = $廣告_右_slides.find('li').width(),
$廣告_右_animateSpeed = 600,
$廣告_右_animateTimeout = 15000,
$廣告_右_stop = false,
bannerTurn = '',
$廣告_右_rightSize = ($廣告_右_width * 1.18) * -1;
// 移動主函式
function 廣告_右_move() {
clearTimeout($廣告_右_timer);
if (bannerTurn == 'right') {
$廣告_右_slides.css({ left: '' });
$廣告_右_slides.stop().animate({
left: '-=' + $廣告_右_block.width()
}, $廣告_右_animateSpeed, function () {
$廣告_右_slides.stop().css({ left: "" });
$廣告_右_slides.find('li:last').show().prependTo($廣告_右_slides);
$廣告_右_slides.find('li:last').show().prependTo($廣告_右_slides);
$廣告_右_slides.find('li:last').show().prependTo($廣告_右_slides);
$廣告_右_slides.find('li:last').show().prependTo($廣告_右_slides);
$廣告_右_slides.find('li:last').show().prependTo($廣告_右_slides);
if (!$廣告_右_stop) {
$廣告_右_timer = setTimeout(廣告_右_move, $廣告_右_animateTimeout);
}
});
} else {
$廣告_右_slides.css({ left: '' });
$廣告_右_slides.stop().animate({
left: '-=' + $廣告_右_block.width()
}, $廣告_右_animateSpeed, function () {
$廣告_右_slides.stop().css({ left: "" });
$廣告_右_slides.find('li').eq(0).appendTo($廣告_右_slides);
$廣告_右_slides.find('li').eq(0).appendTo($廣告_右_slides);
$廣告_右_slides.find('li').eq(0).appendTo($廣告_右_slides);
$廣告_右_slides.find('li').eq(0).appendTo($廣告_右_slides);
$廣告_右_slides.find('li').eq(0).appendTo($廣告_右_slides);
if (!$廣告_右_stop) {
$廣告_右_timer = setTimeout(廣告_右_move, $廣告_右_animateTimeout);
}
});
}
}
// 移動列滑鼠事件
$廣告_右_slides.hover(function () {
$廣告_右_stop = true;
}, function () {
$廣告_右_stop = false;
//廣告_右_move();
});
// 向左鍵事件
$('#廣告_右_abgneBlock .prevten').click(function () { $廣告_右_slides.stop(); bannerTurn = 'left'; 廣告_右_move(); });
// 向右鍵事件
$('#廣告_右_abgneBlock .next').click(function () { $廣告_右_slides.stop(); bannerTurn = 'right'; 廣告_右_move(); });
$廣告_右_timer = setTimeout(廣告_右_move, $廣告_右_animateTimeout);
});
</script>
<noscript xmlns="">&lt;a title="更多廣告" href="np.asp?ctNode=7682&amp;mp=092"&gt;更多廣告&lt;/a&gt;</noscript>
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment