美文网首页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