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>

  • 相关阅读:
    javascript中 分号的问题
    IIFE(立即执行函数表达式)
    函数_回调函数
    数据_变量_内存
    严格区别变量类型与数据类型
    什么时候给变量赋值为null
    JavaScript Promise迷你书(中文版)
    python txt文件读写(追加、覆盖)
    python re:正向肯定预查(?=)和反向肯定预查(?<=)
    python re:正则表达式中使用变量
  • 原文地址:https://www.cnblogs.com/sunyuhuan/p/8417470.html
Copyright © 2011-2022 走看看