学院首页>网页制作>HTML>动态HTML技术精彩实例

动态HTML技术精彩实例

作者:童建平 来源:未知 添加时间:2006-5-21 9:40:34
 要想提高自己主页的知名度,就是要有可观的回头客,这就要求主页能给人良好的印象,而动态HTML(DHTML)技术制作的动态网页,能产生令人震撼的视觉冲击效果,使你的主页令人流连忘返。 
  下面介绍几个精彩实例,以飨读者。 

一、飞行的图片 

在<head>中适当位置加入如下代码: 

<script language="JavaScript"> 

<!-- 

var left=0; 

var top=200; 

var stepx=2; 

function jump() 



left=left+stepx; 

if(left>710) stepx=-2; 

if(-left>0) stepx=2; 

sign.style.left=left; 

sign.style.top=top; 

timeID=setTimeout("jump()",100); 



--> 

</script> 

<body>改为<body onload="t=setTimeout('jump()',20)">,然后在body后适当位置加入如下代码: 

<div id="sign" style="position:absolute;left:0;top:200;width:135;"> 

<img src="/edu/files/pic/2006-5/21/0652109403337657.jpg" border="0" height="" width=""> 

</a> 

然后你才想让浏览者进入你的网页"download.htm",则加入如下代码: 

<a href="download.htm" target="_blank" ; 

onclick="if(Flag==1) return true; else {alert('如果您想从本站下载软件,请先点击上面的广告,再把它最小化,这不会影响您的浏览,多谢!'); return false}" onmouseover="return true">软件下载 

</a> 

注意:上面alert后的内容在编写时不能断行,否则会出错。 
站内搜索