|
例10闪烁滚动和颜色变换效果
<html>
<head>
<title>DHtml举例10</title>
<style>
<!--
body {font-family:"宋体";font-size:9pt}
.blue {color:blue}
.red {color:red}
-->
</style>
<script
language="JavaScript">
var flag=0; //定义变量flag，
function disappear()
{
var dx=window.event.srcElement;//定义变量dx为对象window.event.srcElement
var
i,j;
//定义循环变量
for(i=0;i<=1000;i++){for(j=0;j<=200;j++);}//利用循环来延长执行的时间，读者可以通过改变1000和200这两个数字来调节变化速度
dx.style.display
= "none";
}//function
function appear() {
var
dx=window.event.srcElement;//定义变量dx为对象window.event.srcElement
var i,j;
//定义循环变量
for(i=0;i<=1000;i++){for(j=0;j<=200;j++);}//利用循环来延长执行的时间
dx.style.display
= "";
if(flag==1) //利用变量flag来改变显示文本的样式类
{
flag=0;
dx.className="red";}
else
{
flag=1;
dx.className="blue";}//if
}//function
</script>
<body>
<p>请您在以下各行之间移动鼠标……</p>
<br>
<ul>
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">AC 米 兰
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">国 际 米 兰
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">尤 文 图 斯
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">佛 罗 伦 萨
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">桑 普 多 利 亚
<li class="blue" style="display:''" onmouseover="disappear()" onmouseout="appear()">拉 齐 奥
</ul>
</body>
</html>上一页 [1] [2] [3] [4] [5] [6] [7] [8]
|
评论
收藏
分享
打印
