当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS简单小应用之点击变色(1次)效果实现

JS简单小应用之点击变色(1次)效果实现

2018年10月22日  | 移动技术网IT编程  | 我要评论

js简单小应用之点击变色(1次)功能实现

<!doctype html>
<html lang="en">
<style >
    p {
        width: 300px;
        height: 300px;
    }

    #test1 {
        background: green;
    }

    #test2 {
        background: red;
    }

</style>

<script >
    function ch() {
          var p = document.getelementbyid('test1');
          p.id = 'test2';
    }
</script>

    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>特效是什么？</h1>
        <p id="test1" onclick="ch()"></p>
    </body>
</html>

点击图片前：

这里写图片描述

点击图片达到变色效果：

这里写图片描述

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网