2005/08/11 | Css 测试
类别(网页类学习笔记) | 评论(0) | 阅读(79) | 发表于 10:59

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<Title>sssssssssssss</title>
<style>
#s0 { font-size:14px;CURSOR:hand;color:blue;}
#a0 { font-size:14px;CURSOR:hand;color:blue;}
#s1 { font-size:14px;CURSOR:hand;color:blue;}
#a1 { font-size:14px;CURSOR:hand;color:blue;}
#s2 { font-size:14px;CURSOR:hand;color:blue;}
#a2 { font-size:14px;CURSOR:hand;color:blue;}
#s3 { font-size:14px;CURSOR:hand;color:blue;}
#a3 { font-size:14px;CURSOR:hand;color:blue;}
#s4 { font-size:14px;CURSOR:hand;color:blue;}
#a4 { font-size:14px;CURSOR:hand;color:blue;}
#s5 { font-size:14px;CURSOR:hand;color:blue;}
#a5 { font-size:14px;CURSOR:hand;color:blue;}
#TT {display:block;font-size:14px;CURSOR:hand;color:blue;}
#QQ {display:none;font-size:14px;CURSOR:hand;color:blue;}
#WW {display:on;font-size:14px;CURSOR:hand;color:blue;}
#VV {display:off;font-size:14px;CURSOR:hand;color:blue;}
.aaa {display:block;font-size:20px;CURSOR:hand;color:Green;}
.bbb {display:block;font-size:14px;CURSOR:hand;color:blue;}
</style>


<body onscroll="t1.value=document.body.scrollTop;t2.value=document.body.scrollLeft">
<script language="javascript">
function ShowHide() { if (QQ.style.display=="none") QQ.style.display="block"; else QQ.style.display="none";}
function ShowHide1() { if (VV.style.display=="none") VV.style.display="block"; else VV.style.display="none";}
function ShowHide2(obj) { if (obj.className=="aaa") obj.className="bbb"; else obj.className="aaa";;}
function Play(aa) { aa.innerHTML=""; }
function showM() {
alert(pp.innerHTML);
alert(pp.innerText);
pp.innerHTML=pp.innerText;
}

function Play0(){ if (s0.innerHTML=="") s0.innerHTML="0 10 20 30 40 5"; else s0.innerHTML="";}
function Play1(){ if (s1.innerHTML=="") s1.innerHTML="1 11 21 31 41 5"; else s1.innerHTML="";}
function Play2(){ if (s2.innerHTML=="") s2.innerHTML="2 12 22 32 42 5"; else s2.innerHTML="";}
function Play3(){ if (s3.innerHTML=="") s3.innerHTML="3 13 23 33 43 5"; else s3.innerHTML="";}
function Play4(){ if (s4.innerHTML=="") s4.innerHTML="4 14 24 34 44 5"; else s4.innerHTML="";}
function Play5(){ if (s5.innerHTML=="") s5.innerHTML="5 15 25 35 45 5"; else s5.innerHTML="";}

<p><a id=a0 onClick="Play0();">12345</a><br><a id=s0 onClick="Play(this);"></a></p>
<p><a id=a1 onClick="Play1();">12345</a><br><a id=s1 onClick="Play(this);"></a></p>
<p><a id=a2 onClick="Play2();">12345</a><br><a id=s2 onClick="Play(this);"></a></p>
<p><a id=a3 onClick="Play3();">12345</a><br><a id=s3 onClick="Play(this);"></a></p>
<p><a id=a4 onClick="Play4();">12345</a><br><a id=s4 onClick="Play(this);"></a></p>
<p><a id=a5 onClick="Play5();">12345</a><br><a id=s5 onClick="Play(this);"></a></p>
<a id=TT onClick="ShowHide();">Click Here to showText</a><br><a id=QQ style="display:none;" >你能看到我?</a>
<a id=WW onClick="ShowHide1();">Click Here to showText</a><br><a id=VV style="display:off;" >你能看到我?</a>
<a class=bbb onClick="ShowHide2(wl);">Click Here to showText</a><br><a id=wl class=aaa style="display:off;" >你能看到我?</a>
<p>　</p>
<p>　</p>
<span id=pp onClick="showM();">aaaaaaaaaaaaaaaaaaaaaaa<a>bbbbbbbbbbbbbbbbbbbbbbb</a></span>


<img width="1" height="100">
<br><input name="t1"><br>
<br><input name="t2"><br>
<img width="100000" height="500">

1

<img width="1" height="500">

<select name=icon onChange=javascript:document.images['icon'].src=options[selectedIndex].value;>
<option value=../../image/book/icon/01.gif>01</option>
<option value=../../image/book/icon/02.gif>02</option>
<option value=../../image/book/icon/03.gif>03</option>
<option value=../../image/book/icon/04.gif>04</option>
<option value=../../image/book/icon/05.gif>05</option>
<option value=../../image/book/icon/06.gif>06</option>
</select></td>
<br>
<span id=aa bgcolor=blue onClick="javascript:alert(aa.innerHTML);">
<img src=../../image/book/icon/01.gif id=icon width="40" height="40" >单击我
</span>

<SCRIPT>
<!--
var from = 5;
var to = 50;
var delay = 5;
var glowColor = "lime";
var i = to;
var j = 0;


function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + "";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}


}

function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + "";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}

if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}

//-->
</SCRIPT>

<!-- saved from url=(0049)http://www34.websamba.com/chenchuangshen/body.asp -->
<TABLE cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD width="50%" bgColor=#ffffff><SPAN id=theText style="WIDTH: 100%" onClick="textPulseDown(); "> Click ME</SPAN></TD>
</TR></TBODY></TABLE>
0

评论Comments

日志分类
首页[289]
教程习题[21]
数据库学习笔记[60]
语言类学习笔记[75]
网页类学习笔记[93]
其他相关笔记[40]