下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JS---案例:点击按钮设置div背景色渐变

作者:jane_panyiyun     来源: https://www.cnblogs.com/jane-panyiyun/p/12029254.html点击数:1634发布时间: 2020-03-21 21:00:37

标签: htmldiv开发

Web开发

  DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。DIV元素是用来为html(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

  案例:点击按钮设置div背景色渐变

  背景色渐变:设置透明度

  <divid="dv"></div>

  <inputtype="button"value="渐变"id="btn"/>

  <scriptsrc="common.js"></script>

  <script>

  my$("btn").onclick=function(){

  varopacity=10;

  vartimeId=setInterval(function(){

  //透明化了

  opacity--;

  if(opacity<=0){

  clearInterval(timeId);////清理定时器

  }

  //设置div的透明度

  my$("dv").style.opacity=opacity/10;

  },200);

  };

  </script>

  <div>可定义文档中的分区或节(division/section)。

  <div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

赞(10)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程