web前端:JS---案例:点击按钮设置div背景色渐变
马六甲海峡
2024-04-23 23:43
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。DIV元素是用来为html(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
案例:点击按钮设置div背景色渐变
背景色渐变:设置透明度
<divid="dv"></div>
<inputtype="button"value="渐变"id="btn"/>
<scriptclass="lazy" data-src="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>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341