cari

Rumah >hujung hadapan web >tutorial js >如何实现网页换肤效果

如何实现网页换肤效果

一个新手
一个新手asal
2017-09-27 09:45:262820semak imbas


网页换肤效果

简单的换肤
蓝    红   绿

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>

            function changeColor(str){
                var body = document.getElementById("b");
                body.style.backgroundColor = str;
            }        </script>
    </head>
    <body id="b" >

        <button onclick="changeColor(&#39;blue&#39;)">蓝色</button>
        <button onclick="changeColor(&#39;red&#39;)">红色</button>
        <button onclick="changeColor(&#39;green&#39;)">绿色</button>

    </body></html>

Atas ialah kandungan terperinci 如何实现网页换肤效果 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript中实现表单验证 Artikel seterusnya：如何实现ReactJS 监听页面滚动事件

Artikel berkaitan

Lihat lagi