美文网首页JS项目练习
【JS练习】百度输入法

【JS练习】百度输入法

作者: 奔跑的程序媛A | 来源:发表于2019-04-05 05:52 被阅读0次

参考:http://www.fgm.cc/learn/lesson2/01.html

image.png

代码:

        <script type="text/javascript">
        window.onload = function() {
            var but = document.getElementsByTagName("button")[0];
            var li = document.getElementsByTagName("li");
            var ime = document.getElementById("ime");
            var cls = document.getElementById("close");
            but.onclick = function() {
                // alert(ime.style.display);
                ime.style.display = ime.style.display == "block" ? "none" : "block"
            };
            cls.onclick = function() {
                ime.style.display = "none"
            };
            cls.onmouseover = function() {
                cls.style.background = "gray"
            }
            cls.onmouseout = function() {
                cls.style.background = "white"
            }
        }
        </script>

相关文章

网友评论

    本文标题:【JS练习】百度输入法

    本文链接:https://www.haomeiwen.com/subject/hwthiqtx.html