qcode
  • 创作工场专业版,一问多答!更智能、更完整、更原创
  • 这是一个超强内容创作平台,它会写文章、做设计、绘图、敲代码,有问必答!
🔥点击使用-免登录深度版🔥

写一个爱心闪烁的代码

时间2023-04-17 18:10:27 提问来自 未知 的网友 分类创作 浏览314
<!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

不满意?免费深度重写!

免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。

上一篇 如何确认一个人是否对自己敌意 下一篇 建设教育强国的青年力 量