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

如何实现网页换肤效果

一个新手asal: 2017-09-27 09:45:262760semak 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