ÿþ<html> <head> <title>Nhac Si Vu Duc Nghiem</title> <meta name="Author" content="Vu Duc Nghiem"> <META NAME="Generator" CONTENT="Designner: Thuy Tran"> <meta name="KeyWords" content="Vu Duc Nghiem, CD"> <meta name="Description" content=""> <script language="JavaScript"> var message=""; function clickIE() { if (document.all) { (message);return false; } } function clickNS(e) { if (document.layers||(document.getElementById&&!document.all)) { if (e.which==1||e.which==2||e.which==3) { (message);return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS; } else { document.onmouseup=clickNS;document.oncontextmenu=clickIE; } document.oncontextmenu = new Function("return false") function disableselect(e) { return false } function reEnable() { return true } document.onselectstart = new Function ("return false") if (window.sidebar) { document.onmousedown=disableselect document.onclick = reEnable } </script> <link rel="stylesheet" type="text/css" href="css/base.css"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin // change this to where you store the blank.gif image var blank = "http://www.saigonline.com/phamanhdung/Image/blank.gif"; topedge = 50; // location of news box from top of page leftedge = 10; // location of news box from left edge boxheight = 500; // height of news box boxwidth = 180; // width of news box scrollheight = 2240; // total height of all data to be scrolled function scrollnews(cliptop) { if (document.layers) { newsDiv = document.news; newsDiv.clip.top = cliptop; newsDiv.clip.bottom = cliptop + boxheight; newsDiv.clip.left = 0; newsDiv.clip.right = boxwidth + leftedge; newsDiv.left = leftedge; newsDiv.top = topedge - cliptop; } else { newsDiv = news.style; newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)"; newsDiv.pixelLeft = leftedge; newsDiv.pixelTop = topedge - cliptop; } cliptop = (cliptop + 1) % (scrollheight + boxheight); newsDiv.visibility='visible'; setTimeout("scrollnews(" + cliptop + ")", 50); } // End --> </script> <style type="text/css"> DIV.clButtons {position:absolute; width:22px; height:22px; left:98px; top:6px; visibility:inherit;} #divCont {position:absolute; width:220px; height:220px; clip:rect(0px 220px 220px 0px); z-index:30; visibility:hidden;} #divCenter {position:absolute; width:200px; height:200px; left:10px; top:10px; visibility:inherit;} .PFont { font-family: Arial,Helvetica,New Times Romain,Tahoma; font-weight: bold; font-size:8pt; color: #ea0044; text-align: left; text-decoration: none; } </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** CircleMenu *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() /*************************************************************************** Object constructors; making Cross-browser object of the buttons ****************************************************************************/ //Debug function ****************** function lib_message(txt){alert(txt); return false} //Lib objects ******************** function lib_obj(obj,nest,o){ if(!bw.bw) return lib_message('Old browser') nest=(!nest) ? "":'document.'+nest+'.' if(o&&bw.ns4) this.evnt=o; else this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; if(!this.evnt) return lib_message('The layer does not exist ('+obj+') - \nIf your using Netscape please check the nesting of your tags!') this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document; this.x=this.css.left||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=this.css.top||this.css.pixelTop||this.evnt.offsetTop||0 this.w=this.evnt.offsetWidth||this.css.clip.width||this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height||this.ref.height||this.css.pixelHeight||0 this.c=0 //Clip values if((bw.dom || bw.ie4) && this.css.clip) { this.c=this.css.clip; this.c=this.c.slice(6,this.c.length-1); this.c=this.c.split(' '); for(var i=0;i<5;i++){this.c[i]=parseInt(this.c[i])} } this.ct=this.css.clip.top||this.c[0]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0 this.cb=this.css.clip.bottom||this.c[2]||this.h||0; this.cl=this.css.clip.left||this.c[3]||0 this.obj = obj + "Object"; eval(this.obj + "=this") return this } // A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?"":"px"; //Moving object to ************** lib_obj.prototype.moveIt = function(x,y){this.x=x; this.y=y; this.css.left=x+px; this.css.top=y+px;} //Showing object ************ lib_obj.prototype.showIt = function(){this.css.visibility="visible"} //Document size object ******** function lib_doc_size(){ this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0; this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0; if(!this.x2||!this.y2) return message('Document has no width or height') this.x50=this.x2/2;this.y50=this.y2/2; return this; } /*************************************************************************** Main variables ****************************************************************************/ //The radius for the circle radius=92 //Start angle startAngle=90 //Speed in milliseconds circleSpeed=20 //angle to move per timeout moveAngle=6 /*************************************************************************** Initiating the buttons and starts the circlemove ****************************************************************************/ var xcenter,ycenter,menuState,circleGoing; function circleMenuInit(num){ page = new lib_doc_size() //Making a simple object for the divCont oCont = new lib_obj('divCont') //Moving the divCont to the center of the page. oCont.moveIt(page.x2/2-110,page.y2/2-110) //Making an array to hold the button objects oBut = new Array() //Making button objects, arguments: divName,nested div,anglestop for(var i=0; i<7; i++){ oBut[i] = new lib_obj('div'+i,'divCont') } //Setting stop angles for each button oBut[0].stop = 0 oBut[1].stop = 30 oBut[2].stop = -30 oBut[3].stop = -90 oBut[4].stop = -150 oBut[5].stop = -210 oBut[6].stop = -240 //Moves the button; ie5 bugfix oBut[0].moveIt(98,7) //Starts the circlemove xcenter = oBut[0].x - radius*Math.cos(startAngle*Math.PI/180) ycenter = oBut[0].y + radius*Math.sin(startAngle*Math.PI/180) oCont.showIt() //Showing cont layer circleGo(radius,-moveAngle,startAngle,oBut[6].stop,xcenter,ycenter,'menuState=1') } /*************************************************************************** Moves the buttons in a circle ****************************************************************************/ function circleGo(radius,angleinc,angle,endangle,xcenter,ycenter,fn,lnk) { //if angleinc < endangle-angle (no matter if it's positive or negative numbers) if ((Math.abs(angleinc)<Math.abs(endangle-angle))) { circleGoing=true angle += angleinc var x = xcenter + radius*Math.cos(angle*Math.PI/180) var y = ycenter - radius*Math.sin(angle*Math.PI/180) for(var i=1; i<oBut.length; i++){ //if angle are bigger then the stop angle of each button if (angle>=oBut[i].stop) oBut[i].moveIt(x,y) } setTimeout("circleGo("+radius+","+angleinc+","+angle+","+endangle+","+xcenter+","+ycenter+",'"+fn+"','"+lnk+"')",circleSpeed) }else{ circleGoing = false eval(fn) } } /*************************************************************************** When click on the buttons ****************************************************************************/ var zIndex = 6 function mclick(num,lnk){ //If it's not moving already if (!circleGoing){ //Added feature; the clicked buttons stays on top! zIndex ++ oBut[num].css.zIndex = zIndex //Checks the state of the menu and circles it the right way if (menuState) circleGo(radius,moveAngle,oBut[6].stop,startAngle+6,xcenter,ycenter,'moveCenter("'+lnk+'")') else moveFromCenter(lnk) } } //Moving the buttons to the center function moveCenter(lnk){ if (oBut[0].y<95){ for (var i=0; i<oBut.length; i++){ oBut[i].moveIt(oBut[i].x+(i-2.5),oBut[i].y+3) } setTimeout("moveCenter('"+lnk+"')",30) }else{ menuState = 0 if(lnk && String(lnk)!="undefined") location.href = lnk //HERE GOES CODE TO MAKE IT DO SOMETHING WHEN IT REACHES CENTER! } } //Moving the buttons from center function moveFromCenter(lnk){ if (oBut[0].y>6){ for (var i=0; i<oBut.length; i++){ oBut[i].moveIt(oBut[i].x-(i-2.5),oBut[i].y-3) } setTimeout("moveFromCenter('"+lnk+"')",30) }else{ circleGo(radius,-moveAngle,startAngle,oBut[6].stop,xcenter,ycenter,'menuState=1',lnk) } } /*************************************************************************** Mouseover and out on the buttons ****************************************************************************/ function mover(num){ oBut[num].ref["img"+num].src = 'Image/circlemenu1_1.gif' } function mout(num){ oBut[num].ref["img"+num].src = 'Image/circlemenu'+(num+1)+'.gif' } //Starting the menu on pageload. onload = circleMenuInit; </script> </head> <body bgcolor=#e2e2b0 marginleft="0" marginheight="0"> <script language="JavaScript"> var ry=Math.floor(Math.random()*10); if ((ry == 0)) { document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem1.gif' alt='V&#361; &#7913;c Nghiêm 1' border='0' alt='V&#361; &#7913;c Nghiêm 1'></div>"); } else if ((ry == 1)) { document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem2.gif' alt='V&#361; &#7913;c Nghiêm 2' border='0' alt='V&#361; &#7913;c Nghiêm 2'></div>"); } else if ((ry == 2)) { document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem3.gif' alt='V&#361; &#7913;c Nghiêm 3' border='0' alt='V&#361; &#7913;c Nghiêm 3'></div>"); } else if ((ry == 3)) { document.write("<div style='position:absolute; left:60; top:170'><img src='gfx/VuDucNghiem4.gif' alt='V&#361; &#7913;c Nghiêm 4' border='0' alt='V&#361; &#7913;c Nghiêm 4'></div>"); } else if ((ry == 4)) { document.write("<div style='position:absolute; left:0; top:0'><img src='gfx/VuDucNghiem5.gif' alt='V&#361; &#7913;c Nghiêm 5' border='0' alt='V&#361; &#7913;c Nghiêm 5'></div>"); } else if ((ry == 5)) { document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem6.gif' alt='V&#361; &#7913;c Nghiêm 6' border='0' alt='V&#361; &#7913;c Nghiêm 6'></div>"); } else if ((ry == 6)) { document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem7.gif' alt='V&#361; &#7913;c Nghiêm 7' border='0' alt='V&#361; &#7913;c Nghiêm 7'></div>"); } else if ((ry == 7)) { document.write("<div style='position:absolute; left:60; top:0'><img src='gfx/VuDucNghiem8.gif' alt='V&#361; &#7913;c Nghiêm 8' border='0' alt='V&#361; &#7913;c Nghiêm 8'></div>"); } else if ((ry == 8)) { document.write("<div style='position:absolute; left:180; top:0'><img src='gfx/VuDucNghiem6V.gif' alt='V&#361; &#7913;c Nghiêm 6V' border='0' alt='V&#361; &#7913;c Nghiêm 6V'></div>"); } else if ((ry == 9)) { document.write("<div style='position:absolute; left:180; top:0'><img src='gfx/VuDucNghiem3V.gif' alt='V&#361; &#7913;c Nghiêm 3V' border='0' alt='V&#361; &#7913;c Nghiêm 3V'></div>"); } </script> <br><br><br> <div id="divCont"> <!-- Circle image --> <div id="divCenter"><img src="Image/circlemenu.gif" name="imgCenter" width=200 height=200 border=0 alt=""></div> <!-- Buttons --> <div id="div0" class="clButtons"><a href="CD/CDMain.htm" onclick="mclick(0,'); parent.focus(); return false" onmouseover="mover(0)" onmouseout="mout(0)"><img src="Image/circlemenu1.gif" name="img0" width=22 height=22 border=0 alt="CD"></a></div> <div id="div1" class="clButtons"><a href="TT/TTMain.htm" onclick="mclick(1,'); parent.focus(); return false" onmouseover="mover(1)" onmouseout="mout(1)"><img src="Image/circlemenu2.gif" name="img1" width=22 height=22 border=0 alt="Thi T&#7853;p"></a></div> <div id="div2" class="clButtons"><a href="TamBut/TamButMain.htm" onclick="mclick(2,'); parent.focus(); return false" onmouseover="mover(2)" onmouseout="mout(2)"><img src="Image/circlemenu3.gif" name="img2" width=22 height=22 border=0 alt="Tâm Bút"></a></div> <div id="div3" class="clButtons"><a href="Tho/Tho-Main.htm" onclick="mclick(3,'); parent.focus(); return false" onmouseover="mover(3)" onmouseout="mout(3)"><img src="Image/circlemenu4.gif" name="img3" width=22 height=22 border=0 alt="Th&#417;"></a></div> <div id="div4" class="clButtons"><a href="TacPhamBanBe/TacPhamBanBe-Main.htm" onclick="mclick(4,'); parent.focus(); return false" onmouseover="mover(4)" onmouseout="mout(4)"><img src="Image/circlemenu5.gif" name="img4" width=22 height=22 border=0 alt="Tác Ph&#7849;m C&#7911;a B&#7841;n Bè"></a></div> <div id="div5" class="clButtons"><a href="CacBaiViet/CacBaiVietMain.htm" onclick="mclick(5,'); parent.focus(); return false" onmouseover="mover(5)" onmouseout="mout(5)"><img src="Image/circlemenu6.gif" name="img5" width=22 height=22 border=0 alt="Các Bài Vi&#7871;t"></a></div> <!-- Example with link --> <div id="div6" class="clButtons"><a href="TacGia/TacGiaMain.htm" onclick="mclick(6,'); parent.focus(); return false" onmouseover="mover(6)" onmouseout="mout(6)"><img src="Image/circlemenu7.gif" name="img6" width=22 height=22 border=0 alt="Tác Gi&#7843;"></a></div> </div> <div style="position:absolute; left:200; top:500"> <table border="0" cellpadding="0" cellspacing="0" width="580" align="center"> <tr> <td width=20%></td> <td width=70%><p class='PFont'> All design copyright © 2004 by Tr&#7847;n L&#7879; Th&#7911;y, all rights reserved. </p> </td> <td width=10%></td> </tr> </table> </div> <div style="position:absolute; left:200; top:520"> <table border="0" cellpadding="0" cellspacing="0" width="880" align="center"> <tr> <td width=15%> <br><left><a href="http://member.bcentral.com/cgi-bin/fc/fastcounter-login?3315659" target="_top"> <img border="0" src="http://fastcounter.bcentral.com/fastcounter?3315659+6631325"></a></left> <td width=30%><font color="#dd3300" size=1> <script language="JavaScript"> <!--Hide the script from other browsers document.write(""); document.writeln("This page was last modified on " + document.lastModified); // Stop hiding from other browsers--> </script> </td> <td width=55%> <font color="#de3300" size=1> Copyright &copy; 2004. Coutersy of Saigonline.com/Vinet Communication. <br>Material used in this webpage is copyright (c) by respective authors. All Rights Reserved </font></p> </td> </tr> </table> </div> </body> </html>