巨丑巨简陋的一个Javascript显示隐藏菜单

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
      #div1{width:100px;
            height:500px;
            background: aqua;}
    li{list-style-type: none;
       margin-left: 0px;
       text-align: left;
       text-indent: -20px;}
    li:hover{
    background:red;
    }
</style>
<script type="text/javascript">
       function show(){
       var node=document.getElementById(‘div1‘);
       if(node.style.display=="block"){
       node.style.display="none";
       }else{
       node.style.display="block";
       }
       }
</script>
</head>
<body>
   <input type="button" value="显示/隐藏" onclick="show()">
   <div id="div1">
   <ul>
   <li>php</li>
   <li>python</li>
   <li>javascript</li>
   <li>ruby</li>
   <li>php</li>
   </ul>
   </div>
</body>
</html>

时间： 2024-12-27 16:13:18

巨丑巨简陋的一个Javascript显示隐藏菜单的相关文章

JavaScript显示隐藏DIV的IF语句示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

每天一个JavaScript实例-点击图片显示大图添加鼠标操作

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图添加鼠标操作</title> <style> img{padding:5px;width:100px;height:aut

每天一个JavaScript实例-点击图片显示大图

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-点击图片显示大图</title> <style> img{padding:5px;width:100px;height:auto;} #o

现在公认的JavaScript典型项目需要运行单元测试,合并压缩.有些还会使用代码生成器,代码样式检查或其他构建工具. Grunt.js是一个开源工具,可以帮助你完成上面的所有步骤.它非常容易扩展,并使用JavaScript书写,所以任何为JavaScript库或项目工作的人都可以按自己的需要扩展它. 本文解释如何使用Grunt.js构建JavaScript库.Grunt.js依赖Node.js和npm,所以第一节解释其是什么,如何安装和使用.如果你对npm有了解,那你可以跳过这一节.第四和第五

怎么点击一个按钮显示当前的时间，用js 实现

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function displayDate(){ document.getElementById("demo").innerHTML=Date(); } </script> </he

JavaScript显示时间

JavaScript显示时间,时间还在走动着!不是一个静态的效果! 演示地址:http://www.ijavascript.cn/tools/jsdemo/320/time.htm function Time() 定义一个函数.www.120hrb.com { if (!document.layers&&!document.all) return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码.这句话判断一下用户所使用的浏览器,如果两者都不

第一个javascript程序代码

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>热身</title> </head> <body> <p id="p1">我是第一段文字</p> <p id=

JavaScript基础显示/隐藏效果点击图片,DIV显示,图片更换,点击更换后的图片,DIV隐藏

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

每天一个JavaScript实例-apply和call的用法

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-apply和call的用法</title> <script> function Person(name,age){ //定义一个类,人类