網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>頁(yè)面背景特效代碼>

runtimeStyle #079;bject_頁(yè)面背景特效

特效Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

runtimeStyle Object,您可以先修改部分代碼再運(yùn)行.

<HTML>
<HEAD>
<TITLE>runtimeStyle Object－模板無(wú)憂www.ghpqjb.com</TITLE>

<STYLE>
BODY {font-size: 8pt; font-family: Arial;}
.datahead {font-size: 8pt; font-family: Arial; background-color: #505050; color: #FFFFFF; border: "1 solid"; border-top-color: "#909090"; border-left-color: "#909090"; border-right-color: "#303030"; border-bottom-color: "#303030";}
.dataitem {font-size: 8pt; font-family: Arial; background-color: #C0C0C0; color: #000000; border: "1 solid"; border-top-color: "#CFCFCF"; border-left-color: "#CFCFCF"; border-right-color: "#505050"; border-bottom-color: "#505050";}
</STYLE>
<SCRIPT>
function fnSetData(){
	for(var i=1;i<oData.rows.length;i++)
	{
		var oWorkRow=oData.rows(i);
		oWorkRow.cells(1).innerText=eval("oScratch.style." + oWorkRow.cells(0).innerText);
		oWorkRow.cells(2).innerText=eval("oScratch.runtimeStyle." + oWorkRow.cells(0).innerText);
		oWorkRow.cells(3).innerText=eval("oScratch.currentStyle." + oWorkRow.cells(0).innerText);				
	}
}

function fnChangeStyle(oStyle,sValue){
	if(sValue.indexOf("CLEAR")>-1){
		sValue="";
	}
	eval("oScratch.runtimeStyle." + oStyle + "='" + sValue + "'");
	fnSetData();
}

function fnInit(){
	fnSetData();
}
</SCRIPT>
</HEAD>

<BODY onload="fnInit()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF" 
LINK="#000000" VLINK="#808080" ALINK="#000000">
<H1>runtimeStyle Object Sample</H1>

<div   class="79zjbpr"   id="oScratch" STYLE="border: '5 solid'; border-color: #101010; background-color: #CFCFCF; color: #000000; font-size: 12pt; font-family: 'Arial';">
This sample demonstrates the use of the <b>runtimeStyle</b> object.
The <b>runtimeStyle</b> object allows authors to use a particular style to override an existing style specified inline or in a style sheet.

<P>In this sample, you can select different values to be set on the <b>runtimeStyle</b> object for the preconfigured properties used for this paragraph.
When you select a new value, notice that the values for the <b>runtimeStyle</b> and <b>currentStyle</b> objects change for that property, but the <b>style</b> object does not.
When the value is cleared (select 'CLEAR' from the drop-down menu) from the <b>runtimeStyle</b> object, the property value reverts to the <b>style</b> value, and the <b>currentStyle</b> value reflects this.

</DIV>
<P>
<TABLE ID="oData">
<TR>
<TD CLASS="datahead">CSS Property</TD>
<TD CLASS="datahead">style</TD>
<TD CLASS="datahead">runtimeStyle</TD>
<TD CLASS="datahead">currentStyle</TD>
<TD CLASS="datahead"><b>Select a Value</b></TD>
</TR>
<TR>
<TD CLASS="dataitem">backgroundColor</TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('backgroundColor',this.options(this.selectedIndex).text)">
<OPTION>Indigo
<OPTION>MistyRose
<OPTION>MediumOrchid
<OPTION>Pink
<OPTION>Yellow
<OPTION>CLEAR THIS RUNTIME STYLE
</SELECT>
</td>
</TR>
<TR>
<TD CLASS="dataitem">borderColor</TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('borderColor',this.options(this.selectedIndex).text)">
<OPTION>Red
<OPTION>Green
<OPTION>Blue
<OPTION>Yellow
<OPTION>CLEAR THIS RUNTIME STYLE
</SELECT>
</td>
</TR>
<TR>
<TD CLASS="dataitem">color</TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"></TD>
<TD CLASS="dataitem"><SELECT CLASS="dataitem"  onchange="fnChangeStyle('color',this.options(this.selectedIndex).text)">
<OPTION>Red
<OPTION>White
<OPTION>Blue
<OPTION>Yellow
<OPTION>Silver
<OPTION>Gold
<OPTION>CLEAR THIS RUNTIME STYLE
</SELECT>
</td>
</TR>
</TABLE>
</BODY>
</HTML>

所屬頻道：頁(yè)面背景特效/更新時(shí)間：2012-11-13

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)頁(yè)面背景特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

runtimeStyle #079;bject_頁(yè)面背景特效

頁(yè)面背景特效Rss訂閱特效代碼搜索

頁(yè)面背景特效推薦

猜你也喜歡看這些