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>

  • 相关阅读:
    解决ios下的微信页面背景音乐无法自动播放问题
    vue Vue-cli 笔记
    document.documentElement和document.body区别介绍
    GD库使用小结---2
    GD库使用小结---1
    踩到两只“bug”
    CI加载流程小结
    文件加载---理解一个project的第一步
    缓存的使用
    小小的分页
  • 原文地址:https://www.cnblogs.com/sunyuhuan/p/8417470.html
Copyright © 2011-2022 走看看