Trong thời gian qua rất nhiều bạn gọi điện hỏi về cách làm hộp công cụ giống như các bạn thấy ở đầu trang của Diễn đàn tư vấn tin học. Hôm nay tôi xin giới thiệu với các bạn đoạn code này, các bạn có thể download về và chỉnh sửa cho phù hợp với mình nhé.

----------------------------------------------------------------------

 <script type="text/javascript" src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script><link rel="stylesheet" type="text/css" href=
"http://thptcamthuy1-thanhhoa.edu.vn/document/slide1/featuredcontentglider.css">

<script type="text/javascript" src=
"http://thptcamthuy1-thanhhoa.edu.vn/document/slide1/featuredcontentglider.js">
</script><link rel="stylesheet" type="text/css" href=
"http://thptcamthuy1-thanhhoa.edu.vn/document/slide1/cssbuttonstoggler.css">

<script type="text/javascript">
featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: "rightleft", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: false, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 1] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script><div id="canadaprovinces" class="glidecontentwrapper">
<div class="glidecontent"><script language="javascript" src=
"http://timdiemthi.com/boxes/makecombo.js" type="text/javascript">
</script> <script language="javascript" src=
"http://thptcamthuy1-thanhhoa.edu.vn/diemthi.js" type=
"text/javascript">
</script></div>
<div class="glidecontent"><img src=
"http://thptcamthuy1-thanhhoa.edu.vn/document/slide1/logodiendan.png"
style="float: left; padding: 20px"><span style="color:red;">Xin
chào các thành viên của Diễn đàn tư vấn tin học
!</span><br>
<span style="color:red;">Được sự phân công của Đảng
ủy, Ban giám hiệu trường THPT Cẩm thủy 1, thời gian
qua tôi và một số đồng nghiệp đã xây dựng website
mới cho nhà trường ( với tên miền và hosting riêng
).</span><br>
<span style="color:red;">Xin giới thiệu website mới của
chúng tôi: <a href="http://thptcamthuy1-thanhhoa.edu.vn/" target=
"'_blank'"><span style="font-weight:bold;"><span style=
"text-decoration:underline;">http://thptcamthuy1-thanhhoa.edu.vn</span></span></a></span><br>

<span style="color:red;">Rất mong nhận được sự quan tâm
của các bạn</span></div>
<div class="glidecontent"><iframe frameborder="0" src=
"http://www.thptcamthuy1-thanhhoa.edu.vn/document/sodo.html"
height="157" width="500"></iframe></div>
<div class="glidecontent"><iframe frameborder="0" src=
"http://www.thptcamthuy1-thanhhoa.edu.vn/document/taocode/example.html"
height="157" width="500"></iframe></div>
</div>
<div id="p-select" class="cssbuttonstoggler"><a href="#" class=
"toc"><span>ĐIỂM THI 2010</span></a> <a href="#" class=
"toc"><span>THÔNG BÁO</span></a> <a href="#" class=
"toc"><span>SƠ ĐỒ</span></a> <a href="#" class=
"toc"><span>TẠO CODE</span></a> <a href="#" class=
"prev"><span>.:Back</span></a> <a href="#" class=
"next"><span>Next:.</span></a></div>

---------------------------------------------------------------------

Chúc các bạn thành công.