1. Trang chủ
  2. » Giáo án - Bài giảng

code lich va menu trượt

6 113 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

TONG HOP CODE MENU Menu-khung trượt <STYLE type=text/css>A { FONT-WEIGHT: bold; FONT-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 } #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 { 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 } #slideoutContent4 { 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 } #slideoutContent5 { 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 } </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 { FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: black; LEFT: 0px; LINE- HEIGHT: normal; FONT-STYLE: normal; POSITION: relative; TOP: -119px; FONT-VARIANT: normal } </STYLE> <! This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com > Menu ben trái <BODY onload=inite()> <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=22,25,91,38 href="javascript:gotourl('contact2')" shape=RECT><AREA coords=19,39,92,51 href="javascript:gotourl('contact3')" shape=RECT><AREA coords=19,54,91,64 href="javascript:gotourl('contact4')" shape=RECT><AREA coords=20,67,93,79 href="javascript:gotourl('contact5')" shape=RECT></MAP></DIV> <DIV id=menu2><IMG border=0 height=93 src="menu2dec99.gif" useMap=#menu2dec99.gif width=150> <MAP name=menu2dec99.gif><AREA coords=117,7,133,82 href="javascript:getmenuname('menu2')" shape=RECT><AREA coords=20,12,63,23 href="javascript:gotourl('link1')" shape=RECT><AREA coords=18,24,65,37 href="javascript:gotourl('link2')" shape=RECT><AREA coords=18,40,66,52 href="javascript:gotourl('link3')" shape=RECT><AREA coords=19,55,71,63 href="javascript:gotourl('link4')" shape=RECT><AREA coords=16,68,72,80 href="javascript:gotourl('link5')" shape=RECT></MAP></DIV> <DIV id=menu3><IMG border=0 height=93 src="menu3dec99.gif" useMap=#menu3dec99.gif width=150> <MAP name=menu3dec99.gif><AREA coords=117,7,133,82 href="javascript:getmenuname('menu3')" shape=RECT><AREA coords=19,9,82,24 href="javascript:gotourl('theme1')" shape=RECT><AREA coords=17,25,82,36 href="javascript:gotourl('theme2')" shape=RECT><AREA coords=19,37,81,50 href="javascript:gotourl('theme3')" shape=RECT><AREA coords=19,51,82,64 href="javascript:gotourl('theme4')" shape=RECT><AREA coords=19,66,82,78 href="javascript:gotourl('theme5')" shape=RECT></MAP></DIV> </BODY> <! This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com > Một Calendar đẹp 1. Put the code into the BODY of your HTML document > <! STEP ONE: Copy this code into the HEAD your HTML document > <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 6.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> </head> <body> <center> <script LANGUAGE="JavaScript"> <! 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(); thismonth=todayDate.getMonth(); 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>"); 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(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); 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> . -119px; FONT-VARIANT: normal } </STYLE> <! This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com > Menu ben. onload=inite()> <DIV id =menu1 ><IMG border=0 height=93 src=" ;menu1 dec99.gif" useMap= #menu1 dec99.gif width=150> <MAP name =menu1 dec99.gif><AREA coords=117,10,132,83 href="javascript:getmenuname(&apos ;menu1 ')". shape=RECT></MAP></DIV> <DIV id =menu2 ><IMG border=0 height=93 src=" ;menu2 dec99.gif" useMap= #menu2 dec99.gif width=150> <MAP name =menu2 dec99.gif><AREA coords=117,7,133,82 href="javascript:getmenuname(&apos ;menu2 ')"

Ngày đăng: 09/07/2014, 18:00

Xem thêm: code lich va menu trượt

TỪ KHÓA LIÊN QUAN

w