写一个爱心闪烁的代码
<!DOCTYPE html>
<html>
<head>
<title>爱心闪烁</title>
<style type="text/css">
#love { width: 100px; height: 100px; background: url(love.jpg); }
</style>
</head>
<body>
<div id="love"></div><br/>
<script type="text/javascript">
//定义变量
var love = document.getElementById("love");//获取元素
var timer = null;//定时器变量,控制闪烁速度
var flag = true;//开关变量,控制是否闪烁
//设置定时器,每隔一段时间就执行一次函数flash()
function start(){
timer = setInterval(flash,500);
}
//这个函数用来使图片的透明度以此来达到闪烁的效果。
function flash(){
if(flag){ //如果flag为true love.style.opacity=0.2; //将图片的透明度设为0.2 flag=false; }else{ love.style.opacity=1; //将图片的透明度设为1 flag=true;} } start(); </script></body></html
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。