JS---案例：点击按钮设置div背景色渐变

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

背景色渐变：设置透明度

  <div id="dv"></div>

  <input type="button" value="渐变" id="btn" />

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

  <script>

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

      var opacity = 10;

      var timeId = setInterval(function () {

        //透明化了

        opacity--;

        if (opacity <= 0) {

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

        }

        //设置div的透明度

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

      }, 200);

    };

  </script>

JS---案例：点击按钮设置div背景色渐变的更多相关文章

【转】CSS设置DIV背景色渐变显示
[原链接]http://www.2cto.com/kf/201310/248187.html <style type="text/css"> .linear{ ...
CSS设置DIV背景色渐变显示
本文转载自:http://blog.csdn.net/gingerredjade/article/details/12191741 <style type="text/css" ...
点击按钮改变div背景色，再次点击恢复 -- 原生JS
如果对您有帮助,记得点个赞哦!
CSS设置DIV背景色渐变
div{ width: 200px; height: 200px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=, ...
js实现点击按钮时显示弹框，点击按钮及弹框以外的区域时隐藏弹框
转自https://blog.csdn.net/yimawujiang/article/details/86496936 问题:js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框? 方案一 ...
js实现点击按钮传值
js实现点击按钮传值 page1源码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo ...
js构建函数，点击按钮显示div，再点击按钮或其他区域，隐藏div
这只是一个例子,先看看效果: html代码: <nav> <span class="nav_logo"></span> <h1>云蚂 ...
原生JS 实现点击按钮创建元素
要求: 点击按钮,随机生成一个20px-100px宽度正方形,随机颜色,随机位置,不能出可视区域外思路:(1)创建按钮,为按钮添加事件侦听 (2)触发事件,创建一个元素 (3)设置元素样式,包括大小 ...
使用js实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方法: 现在需要在页面上添加一个下载按钮,点击按钮下载文件. 题外话,这个下载图标是引用的 ...

随机推荐

图解 Spring：HTTP 请求的处理流程与机制【4】
4. HTTP 请求在 Spring 框架中的处理流程在穿越了 Web 容器和 Web 应用之后,HTTP 请求将被投送到 Spring 框架,我们继续剖析后续流程.Web 应用与 Spring M ...
vue中插槽的使用场景
效果图:
【Android - 问题解决】之EditText自动获取焦点问题
在Android开发中,如果界面中有EditText,那么它会自动获取焦点,后果就是会自动弹出软键盘. 解决这个问题的方法如下: 在EditText的父布局或界面的顶层布局中添加这样一个属性设置: a ...
MySQL5.7.18自动化安装脚本
背景很好的朋友邱启明同学,擅长MySQL,目前任职某大型互联网业MySQL DBA,要来一套MySQL自动安装的Shell脚本,贴出来保存一些. 此版本为 MySQL 5.7.18 ###### 自 ...
iText + Freemarker实现pdf的导出，支持中文、css以及图片，页眉页脚，页眉添加图片
本文为了记录自己的实现过程,具体的实现步骤是参考博文 https://www.cnblogs.com/youzhibing/p/7692366.html 来实现的,只是在他的基础上添加了页眉页脚及页眉 ...
python_thread
多任务编程:可以有效的利用计算机资源,同时执行多个任务进程:进程就是程序在计算机中一次执行的过程进程和程序的区别: 1.程序是一个静态文件的描述,不占计算机的系统资源 2.进程是一个动 ...
Anticancer Effect of Deuterium Depleted Water - Redox Disbalance Leads to Oxidative Stress（低氘水的抗癌作用-氧化还原失衡导致了氧化应激）-解读人：范徉
期刊名:Molecular & Cellular Proteomics 发表时间:(2019年12月) IF:4.828 单位:瑞典卡罗林斯卡学院物种:人技术:标记定量蛋白质组学,氧化还原 ...
【nodejs原理&源码赏析（2）】KOA中间件的基本运作原理
[摘要] KOA中间件的基本运作原理示例代码托管在:http://www.github.com/dashnowords/blogs 在中间件系统的实现上,KOA中间件通过async/await来在不 ...
MySQL必知必会(使用子查询)
SELECT cust_name, cust_contact FROM customers WHERE cust_id IN (SELECT cust_id FROM orders #单独写多个分句, ...
基于jquery的弹幕实现
前几天,需要做一个弹幕展示效果,看了网上很多资料,但是很不凑巧,都不能满足自己的需求和功能点,但是总不能放弃吧,那么就自己写一个,今天把成果分享给大家,首先说一下市面上比较流行的弹幕插件吧: 1.有关 ...

JS---案例：点击按钮设置div背景色渐变

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

JS---案例：点击按钮设置div背景色渐变的更多相关文章

随机推荐

热门专题