TodayLoad.com <<:Web-Effect+:Move Menu:>>

::- Example ::-> เมนูเลื่อนได้

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

.info
{
 width:100%;
 background-color:#99CCFF;
 border-top:1px solid blue;
 font-size:13px;
 font-family:vardana;
 font-color:"#33CCAA";
}

.panel
{
 width:150;
 position:absolute;
 border:1px solid blue;
 left:350;
 top:200;
 font-size:13px;
 font-family:vardana;
}

.panel a:visited{color:blue;}
.panel a{text-decoration:none;color:blue}
.panel a:hover{text-decoration:none;}
#panel a.visited{
text-decoration:none;
}

.menu
{
 width:100%;
 background-color:#EFF5FD;
 font-size:13px;
 font-family:vardana;
}
</style>

function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}

document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>

(2)
- Select All -

<div id="panel"  class="panel" >
<script language="JavaScript">
function getArray(id)
{
  var splitarray = link[id].split("|");
  return splitarray;
}

function info(i,obj,col)
{
 sublink = getArray(i);
 infobar = document.getElementById("infob");
 infobar.innerHTML =  sublink[2];
 obj.style.backgroundColor=col;
}

function endi(obj,col)
{
 obj.style.backgroundColor=col;
 infobar = document.getElementById("infob");
 infobar.innerHTML = " <br>";
}
var link = new Array();
link[0] = "  TodayLoad |http://www.todayload.com | Central of Exchange";
link[1] = "  X-softs |http://www.todayload.com/xsoft.htm | Load X softwares";
link[2] = "  Softwares |http://www.todayload.com/soft.htm | Load Softwares";
link[3] = "  ToyJokes |http://www.todayload.com/toyjoke.htm | 555";
link[4] = "  WebEffects |http://www.todayload.com/web.htm| Teach WebEffects";
link[5] = "  Graphic |http://www.todayload.com/graph.htm | Teach Graphic";
link[6] = "  Tip&Trick |http://www.todayload.com/tip.htm | Teach Tip&Tricks";
link[7] = "  Icons |http://www.todayload.com/icon.htm | Load Icons";
link[8] = "  Fonts |http://www.todayload.com/font.htm | Load Fonts";
link[9] = "  Skins |http://www.todayload.com/skin.htm | Load Skins";
link[10] = "  Contact |http://www.todayload.com/cont.htm | Contact Webmaster";
  document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=Blue><b>TodayLoad<br>- Move Menu -</b></font></div><div class='menu'><br></div>");

for(i=0;i<link.length;i++)

{
  sublink = getArray(i);
  document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'#99CCFF')\" onmouseout=\"endi(this,'#EFF5FD')\" style='cursor:hand'>  "+ sublink[0] +"</div></a>");
}
  document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><br></div>");
</script>
</div>

- ประกอบด้วย 2 ขั้นตอนง่าย ๆ ดังนี้ -

(1) คลิ๊ก - Select All - แล้ว Copy Code ไปไว้ใน Tag <HEAD>

(2) คลิ๊ก - Select All - แล้ว Copy Code ไปไว้ใน Tag <BODY>

+:: Tip ::+

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com