นำ CODE ด้านล่างไปไว้ที่ <head>
<Script Language="JavaScript">
function CloseWindowsInTime(t){
t = t*1000;
setTimeout("window.close()",t);
}
CloseWindowsInTime(5/*ใส่เวลาเป็นวินาทีนะครับตรงเลข 5 */);
</Script>
รูปภาพเด้งไปมาสามารถสั่งให้หยุดเด้งได้
นำ CODE ด้านล่างไปไว้ที่ <body>
<div id="img" style="position:absolute;">
<img src="ตำแหน่งของรูปที่ต้องการให้เด้ง" onMouseDown="pauseResume();">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var name = navigator.appName;
if(name == "Microsoft Internet Explorer") name = true;
else name = false;
var xPos = 20;
if(name) var yPos = document.body.clientHeight;
else var yPos = window.innerHeight;
function changePos() {
if(name) {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
}
else {
height = window.innerHeight;
width = window.innerWidth;
Hoffset = document.img.clip.height;
Woffset = document.img.clip.width;
document.img.pageY = yPos + window.pageYOffset;
document.img.pageX = xPos + window.pageXOffset;
}
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
if(name) img.visibility = "visible";
else document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script>
รูปภาพเปลี่ยนเองทุก เช้า – เย็น
ต้องการให้แสดงรูปภาพที่ไหน ก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<script>
<!--
var current= new Date()
var day_night=current.getHours()
if (day_night<=12)
document.write("<img src='URL ของภาพช่วงเช้า.gif'>")
else
document.write("<img src='URL ของภาพช่วงเย็น.gif'>")
//-->
</script>
ภาพเปลี่ยนเองตามวัน จันทร์ – อาทิตย์
ต้องการให้แสดงรูปภาพที่ไหน ก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<script>
<!--
var mondayimg="../../../imageslinks/thaiweb.gif" // ใส่ URL ของรูปภาพวันจันทร์
var tuesdayimg="../../../imageslinks/vacationzone.gif" // ใส่ URL ของรูปภาพวันอังคาร
var wednesdayimg="../../../imageslinks/tteen.gif" // ใส่ URL ของรูปภาพวันพุธ
var thursdayimg="../../../imageslinks/kanid.gif" // ใส่ URL ของรูปภาพวันพฤหัส
var fridayimg="../../../imageslinks/baantomdy.gif" // ใส่ URL ของรูปภาพวันศุกร์
var saturdayimg="../../../imageslinks/nongkhai.gif" // ใส่ URL ของรูปภาพวันเสาร์
var sundayimg="../../../imageslinks/eiei.gif" // ใส่ URL ของรูปภาพวันอาทิตย์
var mydate=new Date()
var today=mydate.getDay()
if (today==1)
document.write('<img src="'+mondayimg+'">')
else if (today==2)
document.write('<img src="'+tuesdayimg+'">')
else if (today==3)
document.write('<img src="'+wednesdayimg+'">')
else if (today==4)
document.write('<img src="'+thursdayimg+'">')
else if (today==5)
document.write('<img src="'+fridayimg+'">')
else if (today==6)
document.write('<img src="'+saturdayimg+'">')
else
document.write('<img src="'+sundayimg+'">')
//-->
</script>
นำ CODE ด้านล่างไปไว้ในตำแหน่งที่ต้องการให้แสดงครับ <body>
<a href="" onMouseOver="alert('YOUR MESSAGE');return true;">ข้อความที่ต้องการ</a>
ต้องการให้แสดงข้อความและปฏิทินที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function greeting() {
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>");
document.write("");
document.writeln("<BR>");
document.write("<H1>สวัสดี ");
if (hrs < 6)
document.write("วันใหม่");
else if (hrs < 12)
document.write("ตอนเช้า");
else if (hrs <= 18)
document.write("ตอนบ่าย");
else
document.write("ตอนเย็น");
document.writeln("!</H1>");
document.write("คุณเข้าชมหน้านี้ในวันที่ ");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</CENTER>");
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);
year = today.getYear() + 0;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>sun<TH>mon<TH>tue<TH>wed<TH>thu<TH>fri<TH>sat");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++) {
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++) {
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR=\"#FF0000\">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7) {
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("</br>");
calendar();
document.write("");
// End -->
</SCRIPT>
นำ CODE ด้านล่างไปไว้ที่ <head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var flg = 0;
var fs = 1;
var bg = "cyan";
M = new Array("January","February",
"March","April","May","June",
"July","August","September",
"October","November","December");
D = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
function getBgn() {
pdy = new Date(); // today
pmo = pdy.getMonth(); // present month
pyr = pdy.getYear(); // present year
if (pyr < 2000) // Y2K Fix, Isaac Powell
pyr = pyr + 1900; // http://onyx.idbsu.edu/~ipowell
yr = yr1 = (pmo==0?pyr-1:pyr); // last month's year
mo = (pmo==0?11:pmo-1); // last month
bgn = new Date(M[mo]+" 1,"+yr1); // assign to date
document.write('<TABLE BORDER=0><TR><TD VALIGN=TOP>');
Calendar(); // Send last month to screen
document.write('</TD><TD VALIGN=TOP>');
yr = pyr; // present year
mo = pmo; // present month
bgn = new Date(M[mo]+" 1,"+yr); // assign to date
Calendar(); // Send this month to screen
document.write('</TD><TD VALIGN=TOP>');
yr = (pmo==11?pyr+1:pyr); // next month's year
mo = (pmo==11?0:pmo+1); // next month
bgn = new Date(M[mo]+" 1,"+yr); // assign to date
Calendar(); // Send next month to screen
document.write('</TD></TR></TABLE>'); // Finish up
}
function Calendar(){
dy = bgn.getDay();
yr = eval(yr);
d = "312831303130313130313031";
if (yr / 4 == Math.floor(yr / 4)) {
d = d.substring(0, 2) + "29" + d.substring(4, d.length);
}
pos = (mo * 2);
ld = eval(d.substring(pos, pos + 2));
document.write("<TABLE BORDER=1"
+ " BGCOLOR='" + bg
+ "'><TR><TD ALIGN=CENTER COLSPAN=7>"
+ "<FONT SIZE=" + fs + ">" + M[mo] + " " + yr
+ "</FONT></TD></TR><TR><TR>");
for (var i = 0;i < 7;i ++) {
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=1>" + D[i] + "</FONT></TD>");
}
document.write("</TR><TR>");
ctr = 0;
for (var i = 0;i < 7; i++){
if (i < dy) {
document.write("<TD ALIGN=CENTER>"
+"<FONT SIZE=" + fs + "> </FONT>"
+"</TD>");
}
else {
ctr++;
document.write("<TD ALIGN=CENTER>"
+ "<FONT SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
}
document.write("</TR><TR>");
while (ctr < ld) {
for (var i = 0;i < 7; i++){
ctr++;
if (ctr > ld){
document.write("<TD ALIGN=CENTER>"
+ " </TD>");
}
else {
document.write("<TD ALIGN=CENTER>"
+ "<FONT SIZE=" + fs + ">" + ctr + "</FONT>"
+ "</TD>");
}
}
document.write("</TR><TR>");
}
document.write("</TR></TABLE>");
}
// End -->
</SCRIPT>
ต้องการให้แสดงที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
getBgn();
// End -->
</SCRIPT>
ต้องการให้แสดงปฏิทินที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var now = new Date();
var month_array = new Array("มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม");
document.write("<form name=date_list><table bgcolor=silver><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
if (now.getMonth() != i)
{document.write ("<option value="+i+">"+month_array[i]);}
else
{document.write ("<option value="+i+" selected>"+month_array[i]);}
}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=1950;i<3000;i++)
{
if (now.getYear() != i)
{document.write("<option value="+i+">"+i);}
else
{document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>");
document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100%><tr bgcolor=gray align=center>");
document.write("<td><font color=black>จ</font></td><td><font color=black>อ</td><td><font color=black>พ</td><td><font color=black>พฤ</td><td><font color=black>ศ</td><td ><font color=black>ส</td><td ><font color=black>อ</td>");
document.write("</tr><tr>");
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
document.write("<td align=center id=d"+i+"r"+j+"></td>")
}
document.write("</tr>");
}
document.write("</table>");
document.write("</center></from></td></tr></table>");
var show_date = new Date();
function set_cal(show_date)
{
begin_day = new Date (show_date.getYear(),show_date.getMonth(),1);
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1);
count_day = (end_day - begin_day)/1000/60/60/24;
input_table(begin_day_date,count_day);
}
set_cal(show_date);
function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6}
for (c=1;c<count+1;c++)
{
colum_name = eval("d"+i+"r"+j);
if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "blue";colum_name.style.color = "white";};
colum_name.innerText = c;
i++;
if (i==7){i=0;j++;}
}
}
function init()
{
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
colum_name = eval("d"+i+"r"+j);
colum_name.innerText = "-";
colum_name.style.backgroundColor ="";
colum_name.style.color ="";
}
}
}
function change_month(sel_month)
{
show_date = new Date(show_date.getYear(),sel_month,1);
set_cal(show_date);
}
function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}
// End -->
</script>
นำ CODE ด้านล่างไปไว้ที่ <head>
<SCRIPT>
<!--
var now = new Date();
var hours = now.getHours();
var psj=0;
//18-19 night
if (hours > 17 && hours < 20){
document.write('<body bgcolor="orange" text="green">')
}
//20-21 night
if (hours > 19 && hours < 22){
document.write('<body bgcolor="orangered" text="red">')
}
//22-4 night
if (hours > 21 || hours < 5){
document.write('<body bgcolor="black" text="orange">')
}
//9-17 day
if (hours > 8 && hours < 18){
document.write('<body bgcolor="deepskyblue" text="blue">')
}
//7-8 day
if (hours > 6 && hours < 9){
document.write('<body bgcolor="skyblue" text="deepskyblue">')
}
//5-6 day
if (hours > 4 && hours < 7){
document.write('<body bgcolor="steelblue" text="skyblue">')
}
//-->
</SCRIPT>
<?php
$allowed_types=array('jpg','jpeg','gif','png');
$dir ="img_pic/";
$files1 = scandir($dir);
foreach($files1 as $key=>$value){
if($key>1){
$file_parts = explode('.',$value);
$ext = strtolower(array_pop($file_parts));
if(in_array($ext,$allowed_types)){
echo "<img style='width:100px;' src='".$dir.$value."'/> ";
}
}
}
?>
ในโฟลเดอร์ มีรูปจำนวนมาก และต้องการนำมาแสดง ตามจำนวนที่ต้องการกำหนด เช่น แสดงครั้งละ 20 รูป พร้อมกับมีหน้าเพจ ให้เลือกดูรูปในหน้าถัดไป
<?php
$allowed_types=array('jpg','jpeg','gif','png');
$dir ="img_pic/";
$files1 = scandir($dir);
$total=0; // นับจำนวนรูปทั้งหมด
$pic_path=array();
foreach($files1 as $key=>$value){
if($key>1){
$file_parts = explode('.',$value);
$ext = strtolower(array_pop($file_parts));
if(in_array($ext,$allowed_types)){
$pic_path[]=$dir.$value;
$total++;
}
}
}
// จำนวนรายการที่ต้องการแสดง แต่ละหน้า
$perPage = 2;
// คำนวณจำนวนหน้าทั้งหมด
$num_naviPage=ceil($total/$perPage);
// กำหนดจุดเริ่มต้น และสิ้นสุดของรายการแต่ละหน้าที่จะแสดง
if(!isset($_GET['page'])){
$s_key=0;
$e_key=$perPage;
$_GET['page']=1;
}else{
$s_key=($_GET['page']*$perPage)-$perPage;
$e_key=$perPage*$_GET['page'];
$e_key=($e_key>$total)?$total:$e_key;
}
for($i=1;$i<=$num_naviPage;$i++){
echo " || <a href=\"?page=".$i."\">Page $i</a>";
}
echo "<hr>";
// แสดงรายการ
for($indexPicture=$s_key;$indexPicture<$e_key;$indexPicture++){
echo "<img style='width:100px;' src='".$pic_path[$indexPicture]."'/> ";
}
// แสดงหน้าปัจจุบัน
echo "<br>Page:".$_GET['page'];
?>
MENU เลื่อนขึ้น-ลง
นำ CODE ด้านล่างไปไว้ที่ <body>
<div id="point1" STYLE="position: absolute; visibility: visible; left: -3; top: 21; width: 780; height: 174">
<!---ข้างล่างนี้เป็นโค็ดของตารางธรรมดาครับ-->
<table width="146" border="1" bordercolor="#BBBBBB" cellspacing="0" cellpadding="4" height="130">
<tr>
<td align=center bgcolor="#00FF00" width="134" height="14">
<font face="MS Sans Serif" size="1" color="#FF0000"><b>MENU</b></font>
</td>
</tr>
<tr>
<td align=center width="134" height="1" bgcolor="#CCFFFF">
<a href="#" target="_blank"><font face="MS Sans Serif" size="1">xxx</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="#" target="_blank"><font face="MS Sans Serif" size="1">000</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="#" target="_blank"><font face="MS Sans Serif" size="1">111</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="#" target="_blank"><font face="MS Sans Serif" size="1">222</font></a>
</td>
</tr>
<tr>
<td align=center width="134" height="14" bgcolor="#CCFFFF">
<a href="#" target="_blank"><font face="MS Sans Serif" size="1">333</font></a>
</td>
</tr>
</table>
</div>
<script LANGUAGE="JavaScript">
var XX=0; // ตำแหน่งให้แสดง MENU จากด้านขวา
var xstep=1;
var delay_time=30;
//ข้างล่างนี้ห้ามแก้ไขครับ
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</script>
CODE ด้านล่างไปไว้ที่ <head>
<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:Ms Sans Serif;
font-size:8px;
color: #000000;
BORDER: none;
border: solid 1px #000000;
}
A.menulink:hover {
border: solid 1px #ff3333;
background-color:#ffcc99;
}
</style>
<script>
var ns4class=''
</script>
ต้องการให้แสดง MENU ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body>
<table border="0" width=198 cellspacing="0" cellpadding="0" height="68">
<tr>
<td width="100%" bgcolor="#CCCCFF" height="1">
<p align="center"><font face="MS Sans Serif" size="1" color="#FF0000"><b>MENU</b></font></p>
</td>
<tr>
<td width="100%" height="17" bgcolor="#99FF33"><a href="1" class="menulink" class=&{ns4class};>1</a></td>
</tr>
<tr>
<td width="100%" height="17" bgcolor="#99FF33"><a href="2" class="menulink" class=&{ns4class};>2</a></td>
</tr>
<tr>
<td width="100%" height="17" bgcolor="#99FF33"><a href="3" class="menulink" class==&{ns4class};>3</a></td>
</tr>
<tr>
<td width="100%" height="17" bgcolor="#99FF33"><a href="4" class="menulink" class=&{ns4class};>4</a></td>
</tr>
</table>
<head>
<!--- แก้ไขรูปแบบต่างๆของ MENU ได้ด้านล่างครับ --->
<style>
.divlink {
width:150px;
cursor:hand;
background-color:gold;
border:1px solid darkblue;
border-top-width:0px;
color:blue;
font-weight:bold;
padding:3px 0px 3px 10px;
text-align:left;
}
.divoverlink {
width:150px;
cursor:hand;
background-color:lightyellow;
border:1px solid darkred;
border-top-width:0px;
color:red;
font-weight:bold;
padding:3px 0px 3px 10px;
text-align:left;
}
.title
{
width:150px;
background-color:blue;
border:1px solid darkblue;
color:white;
font-weight:bold;
padding:3px 7px 3px 3px;
text-align:center;
}
.link{
font-family:Ms Sans Serif;
font-size:8px;
filter:shadow(Color=gray, Direction=135,Strength=10);
}
.link a{
text-decoration:none;
}
</style>
<!--- จบการแก้ไขรูปแบบต่างๆของ MENU ได้ด้านล่างครับ --->
<script language="JavaScript" >
var scroll = true // ใส่ true ถ้าต้องการให้ MENU เลื่อนตาม SCROLLBAR และ ใส่ false ถ้าไม่ต้องการให้ MENU เลื่อนตาม SCROLLBAR
var offsetleft = 1 // แก้ไขค่าตำแหน่งให้แสดง MENU จากด้านซ้าย
var offsettop = 40 // แก้ไขค่าตำแหน่งให้แสดง MENU จากด้านบน
var step = 2
function init(id)
{
obj_head = document.getElementById(id)
obj_head.style.height = obj_head.offsetHeight +10;
if(scroll)
{
obj_head.style.position = "absolute";
obj_head.style.width = obj_head.offsetWidth + 10;
obj_head.style.top = offsettop;
obj_head.style.left = offsetleft;
}
obj_head.style.visibility="visible";
}
var T1 = null;
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
function makeStatic() {
id = "head1";
if (ie4) {wtop = document.body.scrollTop+offsettop}
else if (ns6) {wtop = window.pageYOffset+offsettop}
ntop = parseInt(document.getElementById(id).style.top)
if((ntop > (wtop)) && (ntop >(wtop + step))){
document.getElementById(id).style.top = wtop
T1 = setTimeout("makeStatic()",0);
}
else
{
if((ntop < (wtop)) && (ntop < (wtop+ step))){
document.getElementById(id).style.top = ntop + step
T1 = setTimeout("makeStatic()",0);
}
else {clearTimeout("T1");T1=""}}
}
if (scroll)
{
if (document.all) window.onscroll = makeStatic
else setInterval ('makeStatic()', 100);}
</script>
<body>
<div class=link id=head1 style="visibility:hidden">
<div class=title>MENU</div>
<a href="1" target="_blank"><div class=divlink onmouseover="this.className='divoverlink';" onmouseout="this.className='divlink';">1</div></a>
<a href="2" target="_blank"><div class=divlink onmouseover="this.className='divoverlink';" onmouseout="this.className='divlink';">2</div></a>
<a href="3" target="_blank"><div class=divlink onmouseover="this.className='divoverlink';" onmouseout="this.className='divlink';">3</div></a>
<a href="4" target="_blank"><div class=divlink onmouseover="this.className='divoverlink';" onmouseout="this.className='divlink';">4</div></a>
<a href="5" target="_blank"><div class=divlink onmouseover="this.className='divoverlink';" onmouseout="this.className='divlink';">5</div></a>
</div>
เพิ่ม onload=”init(‘head1’)” เข้าไปใน <body>
<body onload="init('head1')">
<!-- ads-->
<style type='text/css'>
#topbar{
position:absolute;
margin: 0px 0px;
padding: 0px;
width: 200px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopRight=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopRight()", 10);
}
ftlObj = ml("topbar");
stayTopRight();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div id="topbar">
<a href="http://vir9.com/web-contact.html" <!--onclick="closebar(); return false"-->
<img src="images/kapook-15762-4360.gif"></a>
</div>
<!-- ads-->