code lich va menu trượt

FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: black; LEFT: 0px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: relative; TOP: -119px; FONT-VARIANT: normal } This script downloade

Trang 1

TONG HOP CODE

MENU

Menu-khung trượt

<STYLE type=text/css>A {

WEIGHT: bold; SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 20pt; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none

}

STRONG {

FONT-WEIGHT: bold; FONT-SIZE: 15pt; LINE-HEIGHT: 25pt; FONT-FAMILY: 'Arial' }

P {

FONT-SIZE: 10pt; LINE-HEIGHT: 13pt; FONT-FAMILY: 'Arial'

}

TD {

FONT-SIZE: 10pt; LINE-HEIGHT: 13pt; FONT-FAMILY: 'Arial'

}

#slideoutInterface {

LEFT: 50px; VISIBILITY: visible; WIDTH: 400px; CLIP: rect(0px 400px 250px 0px);

POSITION: absolute; TOP: 0px; HEIGHT: 250px; BACKGROUND-COLOR: #000000;

layer-background-color: #000000

}

#slideoutSidebar1 {

LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 30px; BACKGROUND-COLOR: #9797ff; layer-background-color: #9797FF

}

#slideoutSidebar2 {

LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 40px; HEIGHT: 30px; BACKGROUND-COLOR: #ffff00; layer-background-color: #FFFF00

}

#slideoutSidebar3 {

LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 75px; HEIGHT: 30px; BACKGROUND-COLOR: #ff80c0; layer-background-color: #FF80C0

}

#slideoutSidebar4 {

LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 110px; HEIGHT: 30px; BACKGROUND-COLOR: #00ff80; layer-background-color: #00FF80

}

#slideoutSidebar5 {

LEFT: 5px; WIDTH: 100px; CLIP: rect(0px 100px 30px 0px); POSITION: absolute; TOP: 145px; HEIGHT: 30px; BACKGROUND-COLOR: #ff5353; layer-background-color: #FF5353

}

#slideoutContent {

LEFT: 110px; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 240px; BACKGROUND-COLOR: #000000; layer-background-color: #000000

}

Trang 2

#slideoutContent1 {

LEFT: 0px; VISIBILITY: visible; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #dedede; layer-background-color: #DEDEDE

}

#slideoutContent2 {

LEFT: -285px; VISIBILITY: hidden; WIDTH: 285px; CLIP: rect(0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: #dedede; layer-background-color: #DEDEDE

}

#slideoutContent3 {

}

#slideoutContent4 {

}

#slideoutContent5 {

}

</STYLE>

This script downloaded from www.JavaScriptBank.com

Come to view and download over 2000+ free javascript at www.JavaScriptBank.com

>

<STYLE>BODY {

FONT-FAMILY: arial

}

A {

FONT-WEIGHT: bold; COLOR: black; TEXT-DECORATION: none

}

A:hover {

COLOR: black; TEXT-DECORATION: underline

}

TD.menu {

BACKGROUND: lightblue

}

TD.menu:hover {

BACKGROUND-COLOR: #ff9933

}

TABLE.navigatie {

Trang 3

FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: black; LEFT: 0px; LINE-HEIGHT: normal; FONT-STYLE: normal; POSITION: relative; TOP: -119px; FONT-VARIANT: normal

}

</STYLE>

>

Menu ben trái

<DIV id=menu1><IMG border=0 height=93 src="menu1dec99.gif"

useMap=#menu1dec99.gif width=150> <MAP name=menu1dec99.gif><AREA

coords=117,10,132,83 href="javascript:getmenuname('menu1')" shape=RECT><AREA

coords=22,10,91,24 href="javascript:gotourl('contact1')" shape=RECT><AREA

coords=20,67,93,79 href="javascript:gotourl('contact5')" shape=RECT></MAP></DIV>

coords=20,12,63,23 href="javascript:gotourl('link1')" shape=RECT><AREA

coords=16,68,72,80 href="javascript:gotourl('link5')" shape=RECT></MAP></DIV>

coords=19,9,82,24 href="javascript:gotourl('theme1')" shape=RECT><AREA

coords=19,66,82,78 href="javascript:gotourl('theme5')" shape=RECT></MAP></DIV>

</BODY>

>

Một Calendar đẹp

1 Put the code into the BODY of your HTML document >

Trang 4

<! STEP ONE: Copy this code into the HEAD your HTML document >

<html>

<head>

</head>

<body>

<! Begin

monthnames = new Array(

"January",

"Februrary",

"March",

"April",

"May",

"June",

"July",

"August",

"September",

"October",

"November",

"Decemeber");

var linkcount=0;

function addlink(month, day, href) {

var entry = new Array(3);

entry[0] = month;

entry[1] = day;

entry[2] = href;

this[linkcount++] = entry;

}

Array.prototype.addlink = addlink;

linkdays = new Array();

monthdays = new Array(12);

monthdays[0]=31;

monthdays[1]=28;

monthdays[2]=31;

monthdays[3]=30;

monthdays[4]=31;

monthdays[5]=30;

monthdays[6]=31;

monthdays[7]=31;

monthdays[8]=30;

monthdays[9]=31;

monthdays[10]=30;

monthdays[11]=31;

todayDate=new Date();

thisday=todayDate.getDay();

Trang 5

thisdate=todayDate.getDate();

thisyear=todayDate.getYear();

thisyear = thisyear % 100;

thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));

if (((thisyear % 4 == 0)

&& !(thisyear % 100 == 0))

||(thisyear % 400 == 0)) monthdays[1]++;

startspaces=thisdate;

while (startspaces > 7) startspaces-=7;

startspaces = thisday - startspaces + 1;

if (startspaces < 0) startspaces+=7;

document.write("<table border=2 bgcolor=white ");

document.write("bordercolor=black><font color=black>");

document.write("<tr><td colspan=7><center><strong>"

+ monthnames[thismonth] + " " + thisyear

+ "</strong></center></font></td></tr>");

document.write("<tr>");

document.write("<td align=center>Su</td>");

document.write("<td align=center>M</td>");

document.write("<td align=center>Tu</td>");

document.write("<td align=center>W</td>");

document.write("<td align=center>Th</td>");

document.write("<td align=center>F</td>");

document.write("<td align=center>Sa</td>");

document.write("</tr>");

for (s=0;s<startspaces;s++) {

document.write("<td> </td>");

}

count=1;

while (count <= monthdays[thismonth]) {

for (b = startspaces;b<7;b++) {

linktrue=false;

document.write("<td>");

for (c=0;c<linkdays.length;c++) {

if (linkdays[c] != null) {

if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href=\"" + linkdays[c][2] + "\">");

linktrue=true;

}

if (count==thisdate) {

document.write("<font color='FF0000'><strong>");

}

if (count <= monthdays[thismonth]) {

document.write(count);

}

else {

document.write(" ");

}

Trang 6

if (count==thisdate) {

document.write("</strong></font>");

}

if (linktrue)

document.write("</a>");

document.write("</td>");

count++;

}

document.write("</tr>");

startspaces=0;

}

document.write("</table></p>");

// End >

</script>

</center>

<! Script Size: 2.98 KB >

</body>

</html>

<! END CODE >

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>

Định dạng
Số trang	6
Dung lượng	48 KB