DHTML的初步入门


跟各位说了那么多CSS的东西.... 
现在跟各位分享一些DHTML的东西... 
...................................... 
DHTML是由script+DOM+CSS+HTML所组成... 
DOM指的是document object model... 


DHTML开始有些对象的影子.... 
譬如CSS的各种性质,script的事件,再加上DOM的概念... 
CSS的性质我之前讲了一些.. 
script以vbscript为例... 
较常的用的事件有: 
onclick... 
ondbclick... 
onmouseover.. 
onmouseout.. 
onmousemove.. 
onkeydown.. 
onkeypress.. 
onkeyup..等等... 
至于要如何将4种东西结合在一起呢... 
举个简单的例子 
当鼠标移到"Asp在台总部"上方时,字体变色... 

<html> 
<head> 
<meta content="text/html; charset=big5" http-equiv=Content-Type> 
<title></title> 
</head> 
<body text="blue"> 
<div align="center"> 
<span id="a" onmouseover="a.style.color='red'" 
onmouseout="a.style.color='blue'">Asp在台总部</span> 
</div> 
</body> 
</html> 

我先将<span>...</span>这个卷标命名为a... 
利用script中的方法onmouseover与onmouseout... 
当鼠标移到<span>...</span>这个组件上方时就会触发onmuseover.. 
如此<span>...</span>中的文字便会改变了.... 

对于DHTML的认识大概就是这样... 
如果以上的内容有误或着有问题的话.. 
欢迎你mail给我...

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3