Español
<!--El código completo del archivo HTML es el siguiente:--> <HTML> <HEAD> <TITLE>Academia de creación de sitios web-Código de efectos especiales->>Generador de color de barra de desplazamiento IE5.5+</TITLE> <META http -equiv= Tipo de contenido content="text/html; charset=gb2312"> <ESTILO tipo=text/css> CUERPO { MARGEN: 25px 25px 25px } #all TD { TAMAÑO DE FUENTE: 12px ALTURA DE LÍNEA: 15px; FAMILIA DE FUENTE: "Verdana", "Arial", "新宋体", "宋体" } ENTRADA { TAMAÑO DE FUENTE: 12px; ALTURA DE LÍNEA: 15px; ", " "宋体" } SELECT { TAMAÑO DE FUENTE: 12px; ALTURA DE LÍNEA: 15px; FAMILIA DE FUENTE: "Verdana", "Arial","新宋体", "宋体" } P { TAMAÑO DE FUENTE: 12px; ALTURA DE LÍNEA: 15px; FAMILIA DE FUENTE: "Verdana", "Arial", "新宋体", "宋体" } ÁREA DE TEXTO { TAMAÑO DE FUENTE: 12px; ALTURA DE LÍNEA: 15px; Arial", " "新宋体", "宋体"; desbordamiento: oculto; clip: rect( )} #all A:active { COLOR: #7d070c } #all A:visited { COLOR: #7d070c } #all A:hover { COLOR: #336699 } #all A: enlace { COLOR: #7d070c } .high { color de fondo: #006699; color: #FFFFFF; cursor: predeterminado} .target { color: #FFFFFF; ; borde: 2px # CCCCCC sólido} fuente { cursor: predeterminado} .hi { borde: ninguno; cursor: mano} </STYLE> <SCRIPT language=JavaScript> <!-- function MM_goToURL() { //v3.0 var i, args=MM_goToURL .argumentos; document.MM_returnValue = false; para (i=0; i<(args.length-1); i+=2) eval(args[i]+".ubicación='"+args[ i+1]+ "'"); } función JM_cc(ob){ var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copiar ");} } function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent .frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all ) x=d.todos[n]; para (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; d.layers.length ;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); > </SCRIPT> <META content="MSHTML 5.50.4134.600" name=GENERATOR> <script language="JavaScript"> function UpdateScroll(el) { //reCreado por downcodes.com var sB='<STYLE>nBODY { n';sE ='n}n</STYLE>';sR=/;/g if (document.body) { document.body.style[el.name] = el.value var obj=MM_findObj( 'js_1'); if (obj) { nCssText=document.body.style.cssText.replace(sR,";n"); obj.value=sB+nCssText+sE} } } función setColorPanel(colorStep){ / /Creado por Jimmy var colorPanelHTML="";colorCount=Math.round(255/colorStep); for (k=colorStep;k>=0;k--){ for (j=0;j<=colorStep;j++) { for (i= 0;i<=colorStep;i++){ colorPanelHTML+='<tamaño de fuente=3 color=RGB('+k*colorCount+','+i*colorCount+','+j*colorCount+')>■ </font>' ; } } } //alert(colorPanelHTML); return colorPanelHTML; } function makeColorPanel(){ var cValueObj=MM_findObj('colorStepValue'); } } función makeRandomPanel( colorPa){ var colorPanelHTML=""; var cObj=MM_findObj('colorPa'); colorPa=cObj.value; //alert(cValueObj.value); i++){ colorPanelHTML+= '<tamaño de fuente=3 color=RGB('+Math.round(Math.random()*colorPa)+','+Math.round(Math.random()*colorPa)+',' +Math.round( Math.random()*colorPa)+')>■</font>'; } //alert(colorPanelHTML); colorPanel.innerHTML=colorPanelHTML } function showHideSet(ob){ ob.style.display= (ob.style. display)?'':'none'; } función alta(ob){ ob.className=(ob.className=='objetivo')?'objetivo':'alto'; ){ ob.className =(ob.className=='objetivo')?'objetivo':'' } function setTarget(tob){ for (i=1;i<9;i++){ eval('e'+ i).className= ''; } event.srcElement.className='target' obcurrentSet=MM_findObj('currentSet') obcurrentSet.value=tob //alert(obcurrentSet.value } function setScroll(el) { //reCreated); Por 51JS.COM - Jimmy & Tantom var sB='<STYLE>nBODY {n';sE='n}n</STYLE>';sR=/;/g if (document.body) { document .body.style[ el.value] = el.value var obj=MM_findObj('js_1'); if (obj) { nCssText=document.body.style.cssText.replace(sR,";n"); .value=sB+ nCssText+sE} } } función elecciónColor(){ obt=MM_findObj('currentSet') ob=MM_findObj(obt.value) ob.value=event.srcElement.color if (document.body) { document.body .style[obt .value] = ob.value var sB='<ESTILO>nBODY {n';sE='n}n</STYLE>';sR=/;/g var obj=MM_findObj( 'js_1') ; if (obj) { nCssText=document.body.style.cssText.replace(sR,";n"); obj.value=sB+nCssText+sE} } función hola(){ evento. srcElement.className= 'hola'; } function lo(){ event.srcElement.className='' } </script> </HEAD> <BODY id=all text=#000000 bgColor=#336699> <TABLE cellSpacing= 0 cellPadding=0 ancho="100%" borde=0> <TR bgColor=#ffffff> <TD></TD> <TD ancho="100%"></TD> <TD></TD> </ TR> </ TABLE> <TABLE cellSpacing=0 cellPadding=0 ancho="100%" border=0> <TR bgColor=#ffffff> <TD></TD> <TD ancho="100%"> <ancho de tabla ="100% " border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript"> document.write("<font color=#7d070c style=" tamaño de fuente: 14px">"+document.title+"</font>"); </script> </td> </tr> <tr> <td bgcolor="#f7f7f7"> <font color=" #990000"> Consejos: </font> Preste atención a si el navegador que está utilizando es <font color="#990000"><b>IE5.5 </b> </font>: con la aparición de IE6 y Wishter, este efecto se utilizará ampliamente. <br> <font color="#990000">Nota:</font> Indique la fuente al copiar y utilizar <font color="#990000">www.downcodes.com</font><br> Uso:< br > Primero seleccione un atributo y luego haga clic en él, verá que el atributo está seleccionado.<br> <img src="imgs/step2.gif" width="30" height="30" align="absmiddle"> Ahora puede ingresar un código de color [como Rojo, #ff000] en el cuadro de entrada de color o seleccionar un color en la paleta <font color="#990000">Preste atención al cambio de color de la barra de desplazamiento</. font>! <br> Copie el código en el cuadro de visualización de código en la página.ok <table id=props style="TABLE-LAYOUT: fijo"> <colgroup> <col width=130> <col width=250> <tbody> <tr> <th width="200" bgcolor="lightgrey"> <input type="hidden" name="currentSet" value="scrollbarBaseColor"> Color</th> <th bgcolor="lightgrey"> Propiedad</ th> <th nowrap> </th> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbar3dLightColor> </td> <td onMouseOver=high(this) onMouseOut=low (this) onClick=setTarget('scrollbar3dLightColor') id=e1>Color del borde brillante de la barra de desplazamiento</td> <td rowspan="8"> <table width="100%" border="0" cellspaceing ="0" cellpadding= "0" align="center"> <tr> <td id=colorPanel style=display:'' onClick=choiceColor() onMouseOver=hi() onMouseOut=lo()> <object id=" colorPicker1" type="text /x-scriptlet" data="http://www.downcodes.com"> </object> <script language="JScript" for="colorPicker1" event="onscriptletevent(nombre, eventData) "> <!-- if (nombre == "oncolorchange") { colorestr = "rgb(" + Math.round(256*eventData.r) + ", " + Math.round(256*eventData.g) +" , " + Math.round (256*eventData.b) + ")"; newSetColor(colorstr) } //--> </script> <br> <script language="JavaScript"> function newSetColor(color_value){ obt =MM_findObj('currentSet' ) ob=MM_findObj(obt.value) ob.value=color_value if (document.body) { document.body.style[obt.value] = ob.value var sB='<ESTILO>nBODY { n';sE ='n}n</STYLE>';sR=/;/g var obj=MM_findObj('js_1'); if (obj) { nCssText=document.body.style.cssText. reemplazar(sR,"; n"); obj.value=sB+nCssText+sE} } } </script> </td> </tr> </table></td> </tr> <tr> <td> <input onChange =UpdateScroll(this) name=scrollbarArrowColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarArrowColor') id=e2 >El color de la parte superior flechas triangulares de los botones arriba y abajo</td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarBaseColor> </td> <td onMouseOver=high(this) onMouseOut=low( this) onClick=setTarget('scrollbarBaseColor') id= e3 class="target">Color básico de la barra de desplazamiento</td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarDarkShadowColor > </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarDarkShadowColor') id=e4>Color de sombra fuerte de la barra de desplazamiento</td> </tr> <tr> <td> < input onChange=UpdateScroll(this) name=scrollbarFaceColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarFaceColor') id=e5>Color de la parte elevada de la barra de desplazamiento </td> </tr> <tr> <td > <input onChange=UpdateScroll(this) name=scrollbarHighlightColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarHighlightColor ') id=e6>Color de la parte en blanco de la barra de desplazamiento</td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarShadowColor> </td> <td onMouseOver=high (this) onMouseOut=low(this) onClick=setTarget('scrollbarShadowColor' ) id=e7>Color de la sombra de la barra de desplazamiento tridimensional</td> </tr> <tr> <td> <input onChange=UpdateScroll(this ) name=scrollbarTrackColor> </td> <td onMouseOver=high(this) onMouseOut =low(this) onClick=setTarget('scrollbarTrackColor') id=e8>Color de fondo de la barra de desplazamiento</td> </tr> </tbody > </table> </td> </tr> <tr> < td>1. Copie el siguiente código en <head> <input type="button" name="Button" value="Copiar a mi portapapeles" onClick. =JM_cc('js_1')> <br> <nombre del formulario="form1" método="post" acción=""> <textarea nombre="js_1" wrap="VIRTUAL" cols="80" filas="10" ></textarea> </form> </td> </tr> </table> </TD> <TD><IMG src="/images/space.gif" ancho=11 alto="1">< /TD> </TR> </TABLE> <TABLE cellSpacing=0 cellPadding=0 ancho="100%" borde=0> <TR bgColor=#ffffff> <TD></TD> <TD ancho="100% "></TD> <TD></TD> </TR> </TABLE> </BODY> </HTML>
