V2.8数学对象--颜色变化.htm

<!Doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>数学对象</title>
     <style type="text/css">
      #show{
            width:200px;
            height:200px;
            margin:0 auto;
            color:white;
            background:#2c2c2c;
            text-align:center
           }

</style>

        // var temp=Math.ceil (a); // 向上取值
        // var t=Math.floor(b)      //向下取值
        // document.getElementById ("mess").innerText="结果:"+temp+":"+t

        // var t=Math.ceil (Math.random() *10) // 随机数
        // Math.PI
        // var t=Math.pow(2,3) // Math.pow(x,y) x 的 y 次幂的值。

        // var t=Math.round (3.6) //四舍五入
        // document.getElementById ("mess").innerText="结果:"+t

         var red=Math.ceil (Math.random() *255) // 随机数

         var green=Math.ceil (Math.random ()*255)

         var blue=Math.ceil (Math.random ()*255)

        // alert(red.toString(16))   //转为 16进制

         var color="#"+red.toString(16)+green.toString(16)+blue.toString(16)

         document.getElementById ("content").style.color =color //修改样式表颜色

          document.getElementById ("content").style.fontSize   =20
          document.getElementById ("content").style.fontWeight    ="bold"

    }



   </script>

</head>

<body>
<p id="content">我要变颜色</p>
<input type="button" value="变换颜色" onclick ="changColor()"/>

</body>

</html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。