zoukankan      html  css  js  c++  java
  • javascript改变背景/字体颜色(Through the javascript to change the background and font color)

    鼠标移动到、移出DIV时修改DIV的颜色:

    1.Change the font and Div background color--function

    <div style="200px;height:200px;border:1px solid #ccc;color:#555" onmouseover="size()" onmouseout="size1()" id="d1">     sajdaskjdaslkj </div> 
    <script language="javascript">       
    function size(){
    document.getElementById("d1").style.color = "red"/*修改字体颜色*/
    document.getElementById("d1").style.backgroundColor = "red"/*修改背景颜色*/   
    }
    function size1(){
    document.getElementById("d1").style.color = "#888"/*修改字体颜色*/   
    document.getElementById("d1").style.backgroundColor = "red"/*修改背景颜色*/  
    }
    </script>

    2.Change the font and Div background color

    <DIV style="BACKGROUND-COLOR: #fcc" id=leftOuthosRecord class=labeldiv onmouseover="javascript:this.style.backgroundColor='blue';" onmouseout="javascript:this.style.backgroundColor='#CCC'"  onclick="HiddendivContent('#rightOuthosRecord','#leftOuthosRecord','#CCC')">TEST</DIV>
  • 相关阅读:
    美化盒子和文本字体
    图片和多媒体
    学习node1_module对象
    学习vue5_组件
    学习vue4_input
    学习vue3
    学习vue2
    Ubuntu中U盘识别不了
    docker 建立新用户软件安装环境ubuntu
    计算机性能优化笔记
  • 原文地址:https://www.cnblogs.com/cangowu/p/3992743.html
Copyright © 2011-2022 走看看