2. jquery六大工具(上)
2-1 tabs範例
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>jquery測試</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="tabs.css">
<script type="text/javascript">
$(function(){
$("ul.tabs").tabs("div.tabs_content > div");
});
</script>
<style>
/* tab pane styling */
div.tabs_content div {
display:none;
padding:15px 10px;
border:1px solid #999;
border-top:0;
font-size:12px;
background-color:#A9FEFF;
width:600px;
height:200px;
line-height:200%;
}
</style>
</head>
<body>
<ul class="tabs">
<LI><a href="#">標籤一</a></LI>
<LI><a href="#">標籤二</a></LI>
<LI><a href="#">標籤三</a></LI>
</ul>
<div class="tabs_content">
<div>
<IMG src="images/mspaint.png" width="128" height="128" align="right" border="0">資安業者近幾日發現，有許多駭客謊稱信件為快遞公司，發送特別的主旨郵件到民眾信箱中，許多人因此沒有戒心，打開來後才發現自己被植入了木馬病毒。除了郵件，駭客也會在社群網站中利用煽動性的標題，引誘網友點入有惡意程式的連結，呼籲民眾上網時要多加注意。<br>
最近有許多民眾在收信時，發現有一則由快遞公司發出的警告信件，告知收件人的信件沒辦法寄送等訊息，民眾心急下將附件打開後，電腦就會遭到駭客病毒給入侵。
</div>
<div>222</div>
<div>333</div>
</div>
</body>
</html>
