zoukankan      html  css  js  c++  java
  • 表单的隐藏与显示

    hHTML中写css和JavaScript其中两个例子

    1.下单的隐藏与展示

    <html>

      <head>

        <meta charset="utf-8">

        <title>下单的隐藏与展示</title>

        <style type="text/css">

          #myDiv{

            list-style-type:none;

          }

          #cityOfChina{

            display:none;

          }

          #myDiv a:hovor{

              color:red;

            

          }

    </head>

    <body>

        <script type="text/javascript">

          var hidden=true;

          function  hiddenOrDisplay(){

            var cityOfChina=document.getElementById("cityOfChina");

              if(hidden){

                cityOfChina.style.diplay="block";

                hidden=false;

              }else{

                 cityOfChina.style.diplay="none";

                hidden=true;   

              }

            }

        <div>

          <ul>

            <li><a style="curcor :pointer" onclick="hiddenOrDisplay();">中国</li>

              <ul>

                <li>北京</li>

                <li>天津</li>

                <LI>上海</li>

             </ul>

            <li>日本</li>

            <li>美国</li>

            

    </body>

  • 相关阅读:
    第3章 文件I/O(4)_dup、dup2、fcntl和ioctl函数
    第3章 文件I/O(3)_内核数据结构、原子操作
    MyBatis Geneator详解<转>
    MapReduce原理<转>
    maven配置nexus
    myeclipse 上安装 Maven3<转>
    Lucene 工作原理<转>
    获取本工程的真实路径
    webservice文件上传下载
    fastjson常用操作
  • 原文地址:https://www.cnblogs.com/sunyuhuan/p/8417470.html
Copyright © 2011-2022 走看看