Codigos Java Javascript: Segunda Parte

19 Nov

Codigos Java Javascript: Segunda Parte

Titulo: Enlace Aleatorio

Descripcion: Un enlace que nos lleva a cualquier URL aleatoriamente, entre varias posibilidades.

Codigo

—————————————————————-

Titulo: Menu Windows

Descripcion: Menú similar a las barras de herramientas de windows.

Codigo:

<style type="text/css">div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem { font-family: “MS Sans Serif”, Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; } div.menuBar { background-color: #d0d0d0; border: 2px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; padding: 4px 2px 4px 2px; text-align: left; } div.menuBar a.menuButton { background-color: transparent; border: 1px solid #d0d0d0; color: #000000; cursor: default; left: 0px; margin: 1px; padding: 2px 6px 2px 6px; position: relative; text-decoration: none; top: 0px; z-index: 100; } div.menuBar a.menuButton:hover { background-color: transparent; border-color: #f0f0f0 #909090 #909090 #f0f0f0; color: #000000; } div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover { background-color: #a0a0a0; border-color: #909090 #f0f0f0 #f0f0f0 #909090; color: #ffffff; left: 1px; top: 1px; } div.menu { background-color: #d0d0d0; border: 2px solid; border-color: #f0f0f0 #909090 #909090 #f0f0f0; left: 0px; padding: 0px 1px 1px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101; } div.menu a.menuItem { color: #000000; cursor: default; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; } div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #000080; color: #ffffff; } div.menu a.menuItem span.menuItemText {} div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; } div.menu div.menuItemSep { border-top: 1px solid #909090; border-bottom: 1px solid #f0f0f0; margin: 4px 2px; } </style> <script type="text/javascript"> function Browser() { var ua, s, i; this.isIE = false; this.isNS = false; this.version = null; ua = navigator.userAgent; s = “MSIE”; if ((i = ua.indexOf(s)) >= 0) { this.isIE = true; this.version = parseFloat(ua.substr(i + s.length)); return; } s = “Netscape6/”; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = parseFloat(ua.substr(i + s.length)); return; } // Treat any other “Gecko” browser as NS 6.1. s = “Gecko”; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = 6.1; return; } } var browser = new Browser(); //—————————————————————————- // Code for handling the menu bar and active button. //—————————————————————————- var activeButton = null; // Capture mouse clicks on the page so any active button can be // deactivated. if (browser.isIE) document.onmousedown = pageMousedown; else document.addEventListener(”mousedown”, pageMousedown, true); function pageMousedown(event) { var el; if (activeButton == null) return; if (browser.isIE) el = window.event.srcElement; else el = (event.target.tagName ? event.target : event.target.parentNode); if (el == activeButton) return; if (getContainerWith(el, “DIV”, “menu”) == null) { resetButton(activeButton); activeButton = null; } } function buttonClick(event, menuId) { var button; if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; button.blur(); if (button.menu == null) { button.menu = document.getElementById(menuId); menuInit(button.menu); } if (activeButton != null) resetButton(activeButton); if (button != activeButton) { depressButton(button); activeButton = button; } else activeButton = null; return false; } function buttonMouseover(event, menuId) { var button; if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; if (activeButton != null && activeButton != button) buttonClick(event, menuId); } function depressButton(button) { var x, y; button.className += ” menuButtonActive”; x = getPageOffsetLeft(button); y = getPageOffsetTop(button) + button.offsetHeight; if (browser.isIE) { x += button.offsetParent.clientLeft; y += button.offsetParent.clientTop; } button.menu.style.left = x + “px”; button.menu.style.top = y + “px”; button.menu.style.visibility = “visible”; } function resetButton(button) { removeClassName(button, “menuButtonActive”); if (button.menu != null) { closeSubMenu(button.menu); button.menu.style.visibility = “hidden”; } } function menuMouseover(event) { var menu; if (browser.isIE) menu = getContainerWith(window.event.srcElement, “DIV”, “menu”); else menu = event.currentTarget; if (menu.activeItem != null) closeSubMenu(menu); } function menuItemMouseover(event, menuId) { var item, menu, x, y; if (browser.isIE) item = getContainerWith(window.event.srcElement, “A”, “menuItem”); else item = event.currentTarget; menu = getContainerWith(item, “DIV”, “menu”); if (menu.activeItem != null) closeSubMenu(menu); menu.activeItem = item; item.className += ” menuItemHighlight”; if (item.subMenu == null) { item.subMenu = document.getElementById(menuId); menuInit(item.subMenu); } x = getPageOffsetLeft(item) + item.offsetWidth; y = getPageOffsetTop(item); var maxX, maxY; if (browser.isNS) { maxX = window.scrollX + window.innerWidth; maxY = window.scrollY + window.innerHeight; } if (browser.isIE && browser.version < maxx =" document.body.scrollLeft" maxy =" document.body.scrollTop">= 6) { maxX = document.documentElement.scrollLeft + document.documentElement.clientWidth; maxY = document.documentElement.scrollTop + document.documentElement.clientHeight; } maxX -= item.subMenu.offsetWidth; maxY -= item.subMenu.offsetHeight; if (x > maxX) x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth + (menu.offsetWidth - item.offsetWidth)); y = Math.max(0, Math.min(y, maxY)); item.subMenu.style.left = x + “px”; item.subMenu.style.top = y + “px”; item.subMenu.style.visibility = “visible”; if (browser.isIE) window.event.cancelBubble = true; else event.stopPropagation(); } function closeSubMenu(menu) { if (menu == null || menu.activeItem == null) return; if (menu.activeItem.subMenu != null) { closeSubMenu(menu.activeItem.subMenu); menu.activeItem.subMenu.style.visibility = “hidden”; menu.activeItem.subMenu = null; } removeClassName(menu.activeItem, “menuItemHighlight”); menu.activeItem = null; } function menuInit(menu) { var itemList, spanList var textEl, arrowEl; var itemWidth; var w, dw; var i, j; if (browser.isIE) { menu.style.lineHeight = “2.5ex”; spanList = menu.getElementsByTagName(”SPAN”); for (i = 0; i < fontfamily = "Webdings" nodevalue = "4" itemlist =" menu.getElementsByTagName("> 0) itemWidth = itemList[0].offsetWidth; else return; for (i = 0; i < spanlist =" itemList[i].getElementsByTagName(" textel =" null" arrowel =" null;" j =" 0;" textel =" spanList[j];" arrowel =" spanList[j];" paddingright =" (itemWidth" w =" itemList[0].offsetWidth;" width =" w" dw =" itemList[0].offsetWidth" width =" w" tagname ="=" node =" node.parentNode;" list =" el.className.split(" i =" 0;" classname ="=" newlist =" new" curlist =" el.className.split(" i =" 0;" classname =" newList.join(" x =" el.offsetLeft;" y =" el.offsetTop;"> </head> <body>  <div class="menuBar" style="width:80%;"><a class="menuButton" href="" onclick="return buttonClick(event, \'fileMenu\');" onmouseover="buttonMouseover(event, \'fileMenu\');">File</a> <a class="menuButton" href="" onclick="return buttonClick(event, \'editMenu\');" onmouseover="buttonMouseover(event, \'editMenu\');">Edit</a> <a class="menuButton" href="" onclick="return buttonClick(event, \'viewMenu\');" onmouseover="buttonMouseover(event, \'viewMenu\');">View</a> <a class="menuButton" href="" onclick="return buttonClick(event, \'toolsMenu\');" onmouseover="buttonMouseover(event, \'toolsMenu\');">Tools</a> <a class="menuButton" href="" onclick="return buttonClick(event, \'optionsMenu\');" onmouseover="buttonMouseover(event, \'optionsMenu\');">Options</a> <a class="menuButton" href="" onclick="return buttonClick(event, \'helpMenu\');" onmouseover="buttonMouseover(event, \'helpMenu\');">Help</a></div>  <div id="fileMenu" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu Item 1</a> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, \'fileMenu2\');">File Menu Item 2▶</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu Item 3</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu Item 4</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu Item 5</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu Item 6</a></div> <div id="editMenu" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu Item 1</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu Item 2</a> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, \'editMenu3\');">Edit Menu Item 3▶</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu Item 4</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu Item 5</a></div> <div id="viewMenu" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">View Menu Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">View Menu Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">View Menu Item 3</a></div> <div id="toolsMenu" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, \'toolsMenu1\');">Tools Menu Item 1▶</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu Item 3</a> <div class="menuItemSep"></div> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, \'toolsMenu4\');">Tools Menu Item 4▶</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu Item 5</a></div> <div id="optionsMenu" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Options Menu Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Options Menu Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Options Menu Item 3</a></div> <div id="helpMenu" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Help Menu Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Help Menu Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Help Menu Item 3</a></div>  <div id="fileMenu2" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu 2 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">File Menu 2 Item 2</a></div>  <div id="editMenu3" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3 Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="" onclick="return false;" onmouseover="menuItemMouseover(event, \'editMenu3_3\');">Edit Menu 3 Item 3▶</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3 Item 4</a></div> <div id="editMenu3_3" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3-3 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3-3 Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3-3 Item 3</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Edit Menu 3-3 Item 4</a></div>  <div id="toolsMenu1" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 1 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 1 Item 2</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 1 Item 3</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 1 Item 4</a> <div class="menuItemSep"></div> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 1 Item 5</a></div> <div id="toolsMenu4" class="menu" onmouseover="menuMouseover(event)"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4 Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html" onclick="return false;" onmouseover="menuItemMouseover(event, \'toolsMenu4_3\');">Tools Menu 4 Item 3▶</a></div> <div id="toolsMenu4_3" class="menu"><a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4-3 Item 1</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4-3 Item 2</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4-3 Item 3</a> <a class="menuItem" href="http://not-a-real-namespace/http://not-a-real-namespace/blank.html">Tools Menu 4-3 Item 4</a></div>

—————————————————————-
Titulo: Menu Despegable

Descripcion: Esta sencilla rutina nos presenta un menú desplegable que aparece en la parte superior
Codigo: <style type="text/css">.clTopMenu {position:absolute; width:101px; height:150px; clip:rect(0px 101px 14px 0px); layer-background-color:#eeeeee; background-color:#eeeeee; z-index:31; visibility:hidden;} .clTopMenuBottom {position:absolute; width:101px; height:3px; clip:rect(0px 101px 3px 0px); top:11; layer-background-color:#cecfce; background-color:#cecfce; z-index:2;} .clTopMenuText {position:absolute; width:91px; left:5px; top:15px; font-family:arial,helvetica,sans-serif; font-size:11px; background-color:#eeeeee; z-index:1;} </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** NewsMenu * Copyright (C) 2001 Thomas Brattli * This script was released at DHTMLCentral.com *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=(navigator.userAgent.indexOf(”Opera”)>-1 && document.getElementById)?1:0 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=lib_bwcheck() /******************************************************************************** If you want to change the appearance of the text, background-colors, size or anything do that in the style tag above. This menu might not be as easy to adapt to your own site, but please play around with it before you mail me for help… ****************************************************************************/ /*************************************************************************** Variables to set. ****************************************************************************/ //There are 2 ways these menus can be placed // 0 = column // 1 = row nPlace=0 //How many menus do you have? (remember to copy and add divs in the body if you add menus) var nNumberOfMenus=2 var nMwidth=101 //The width on the menus (set the width in the stylesheet as well) var nPxbetween=20 //Pixels between the menus var nFromleft=10 //The first menus left position var nFromtop=85 //The top position of the menus var nBgcolor=’#CECFCE’ //The bgColor of the bottom mouseover div var nBgcolorchangeto=’#6380BC’ //The bgColor to change to var nImageheight=11 //The position the mouseover line div will stop at when going up! /*************************************************************************** You shouldn’t have to change anything below this ****************************************************************************/ //Object constructor function makeNewsMenu(obj,nest){ nest=(!nest) ? “”:’document.’+nest+’.’ this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+”document.layers.” +obj):0; this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+”document.layers.” +obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.evnt.offsetHeight this.moveIt=b_moveIt;this.bgChange=b_bgChange; this.slideUp=b_slideUp; this.slideDown=b_slideDown; this.clipTo=b_clipTo; this.obj = obj + “Object”; eval(this.obj + “=this”) } //Objects methods // A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?”":”px”; function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px;} function b_bgChange(color){this.css.backgroundColor=color; this.css.bgColor=color; this.css.background=color;} function b_clipTo(t,r,b,l){ if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l }else this.css.clip=”rect(”+t+”px “+r+”px “+b+”px “+l+”px)”; } function b_slideUp(ystop,moveby,speed,fn,wh){ if(!this.slideactive){ if(this.y>ystop){ this.moveIt(this.x,this.y-5); eval(wh) setTimeout(this.obj+”.slideUp(”+ystop+”,”+moveby+”,”+speed+”,’”+fn+”‘,’”+wh+”‘)”,speed) }else{ this.slideactive=false; this.moveIt(0,ystop); eval(fn) } } } function b_slideDown(ystop,moveby,speed,fn,wh){ if(!this.slideactive){ if(this.y<ystop){ slideactive="false;" otopmenu="new" zindex="10" i="0;i<=" zindex="zindex--" visibility="visible" y="=" y="=" onload =" newsMenuInit;" onload="initScroll" onload="initScroll(); initTooltips(); initMenu();"> **************/ </script> </head> <body bgcolor="#FFFFFF">  <div id="divTopMenu0" class="clTopMenu"><a href="http://not-a-real-namespace/http://not-a-real-namespace/#" onmouseover="menuOver(0)" onmouseout="menuOut(0)" onclick="topMenu(0); return false;" onfocus="if(this.blur)this.blur();"><img src="http://not-a-real-namespace/http://not-a-real-namespace/ejemplos/news.gif" width="101" height="11" alt="" border="0" align="top" /></a> <div id="divTopMenuText0" class="clTopMenuText">Added some link to me buttons and advertising info and a new script and a new tutorial. Remember to join the newsletter!</div> <div id="divTopMenuBottom0" class="clTopMenuBottom"></div> </div> <div id="divTopMenu1" class="clTopMenu"><a href="http://not-a-real-namespace/http://not-a-real-namespace/#" onmouseover="menuOver(1)" onmouseout="menuOut(1)" onclick="topMenu(1); return false;" onfocus="if(this.blur)this.blur();"><img src="http://not-a-real-namespace/http://not-a-real-namespace/ejemplos/keycontrol.gif" width="101" height="11" alt="" border="0" align="top" /></a> <div id="divTopMenuText1" class="clTopMenuText">1-6=Menu controls M=Menuchange N=News K=Key controls P=Page control A=Scroll down Z=Scroll up S=Scriptomania </div> <div id="divTopMenuBottom1" class="clTopMenuBottom"></div> </div> <div id="divTopMenu2" class="clTopMenu"><a href="http://not-a-real-namespace/http://not-a-real-namespace/#" onmouseover="menuOver(2)" onmouseout="menuOut(2)" onclick="topMenu(2); return false;" onfocus="if(this.blur)this.blur();"><img src="http://not-a-real-namespace/http://not-a-real-namespace/ejemplos/pagecontrol.gif" width="101" height="11" alt="" border="0" align="top" /></a> <div id="divTopMenuText2" class="clTopMenuText">Text here.</div> <div id="divTopMenuBottom2" class="clTopMenuBottom"></div> </div> <!-- To add a new menu just copy these lines: <div id="divTopMenuN" class="clTopMenu"><a href="http://not-a-real-namespace/http://not-a-real-namespace/#" onmouseover="menuOver(N)" onmouseout="menuOut(N)" onclick="topMenu(N); return false;" onfocus="if(this.blur)this.blur();">HEADING IMAGE GOES HERE</a> <div id="divTopMenuTextN" class="clTopMenuText">TEXT HERE</div> <div id="divTopMenuBottomN" class="clTopMenuBottom"></div> </div> And change the letter N to a number higher then the last menu… (and remember to set the variable nNumberOfMenus in the script to the same number of menus you have (remember it starts counting at 0) –>

—————————————————————-

Titulo: Color de fondo segun el horario

Descripcion: Este script visualiza un color de fondo diferente para las distintas horas del día. Desde el azul oscuro de por la mañana hasta el negro de por la noche.

Codigo:  <script> <!-- //Feel free to copy and modify this script, but please keep the comment lines! //Written by Mattias Sjöberg 8/8-1996 //----------------------------------------- //| mattias.sjoberg@swipnet.se | //|---------------------------------------| //| //\\ //\\ /// | | //| // \\// \\ / | Advertise | //|// \\ /// | | //| Mattias / | Here | //| Sjoberg /// | | //|---------------------------------------| //| www.geocities.com/SiliconValley/7116 | //| Vote for my page the above URL | //----------------------------------------- var now = new Date(); var hours = now.getHours(); var psj=0; //18-19 night if (hours > 17 && hours < bgcolor="orange" text="#FFFFFF">‘) } //20-21 night if (hours > 19 && hours < bgcolor="orangered" text="#FFFFFF">‘) } //22-4 night if (hours > 21 || hours < bgcolor="black" text="#FFFFFF">‘) } //9-17 day if (hours > 8 && hours < bgcolor="deepskyblue" text="#FFFFFF">‘) } //7-8 day if (hours > 6 && hours < bgcolor="skyblue" text="#FFFFFF">‘) } //5-6 day if (hours > 4 && hours < bgcolor="steelblue" text="#FFFFFF">‘) } //–> </script> </head> <body bgcolor="white">

—————————————————————-

Titulo: Texto animado en un boton

Descripcion: Mueve el texto dentro de un botón

Codigo: <center> <form name="form2" onsubmit="null"> <input type="submit" name="banner" value="Enviar"></form> </center> <script language="JavaScript"> // Copyright 1998 Jon Eyrick - action1@vfr.net // http://www.geocities.com/CapeCanaveral/4155/ var id,pause=0,position=0; function banner() { // variables var i,k,msg=” Enviar Enviar “; //aumentar mensaje k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // mostrarlo document.form2.banner.value=msg.substring(position,position+60); // posicion if(position++==msg.length) position=0; // velocidad id=setTimeout("banner()",150); } // end --> banner(); </script>

—————————————————————-

Titulo: Scroll hacia arriba JavaScript

Descripcion: Simple código javascript, muestra un pequeño scroll que se desliza hacia arriba. Muy fácil de implementar Código enviado por Angel García.

Codigo: <table width="130" border="0" align="center"> <tr> <th scope="col"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="70" direction="up" height="109" align="center"> <a href="http://not-a-real-namespace/http://not-a-real-namespace/index.html">Pon aqui tu texto </a> <a href="http://not-a-real-namespace/http://not-a-real-namespace/index.html">Pon aqui tu texto </a> </marquee></th> </tr> </table>

Recuerden configurarlos a su manera…