zoukankan      html  css  js  c++  java
  • 城市的划入划出效果

    <div id="qhcity" class="pos_r fl">
      <div class="qh_city">
        <strong class="">北京</strong><em class=""></em>
      </div>
      <div id="showcity" class="pos_a w270" style="display: none;">
        <div class="citybox">
          <div class="tjcity">
            <div class="hd">
              <h2>城市选择</h2>
            </div>
            <div class="bd">
              <ul class="clearFix"><li><a href="http://beijing.yorhome.com/about/member">北京</a></li><li><a href="http://shanghai.yorhome.com/about/member">上海</a></li><li><a                   href="http://guangzhou.yorhome.com/about/member">广州</a></li><li><a href="http://shenzhen.yorhome.com/about/member">深圳</a></li><li><a                   href="http://chengdu.yorhome.com/about/member">成都</a></li><li><a href="http://chongqing.yorhome.com/about/member">重庆</a></li><li><a href="http://tianjin.yorhome.com/about/member">天津</a></li><li><a href="http://wuhan.yorhome.com/about/member">武汉</a></li><li><a href="http://suzhou.yorhome.com/about/member">苏州</a></li><li><a href="http://hangzhou.yorhome.com/about/member">杭州</a></li><li><a href="http://nanjing.yorhome.com/about/member">南京</a></li><li><a href="http://qingdao.yorhome.com/about/member">青岛</a></li><li><a href="http://changsha.yorhome.com/about/member">长沙</a></li><li><a href="http://dongguan.yorhome.com/about/member">东莞</a></li><li><a href="http://haikou.yorhome.com/about/member">海口</a></li><li><a href="http://sanya.yorhome.com/about/member">三亚</a></li><li><a href="http://wuxi.yorhome.com/about/member">无锡</a></li><li><a href="http://zhengzhou.yorhome.com/about/member">郑州</a></li><li><a href="http://ningbo.yorhome.com/about/member">宁波</a></li><li><a href="http://nanning.yorhome.com/about/member">南宁</a></li><li><a href="http://kunming.yorhome.com/about/member">昆明</a></li><li><a href="http://hefei.yorhome.com/about/member">合肥</a></li><li><a href="http://xian.yorhome.com/about/member">西安</a></li><li><a href="http://shenyang.yorhome.com/about/member">沈阳</a></li><li><a href="http://dalian.yorhome.com/about/member">大连</a></li><li><a href="http://fuzhou.yorhome.com/about/member">福州</a></li><li><a href="http://foshan.yorhome.com/about/member">佛山</a></li><li><a href="http://nanchang.yorhome.com/about/member">南昌</a></li><li><a href="http://changzhou.yorhome.com/about/member">常州</a></li><li><a href="http://shijiazhuang.yorhome.com/about/member">石家庄</a></li></ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    var timer1,timer2;
    $("#qhcity").hover(function() {
    clearTimeout(timer2);
    timer1 = setTimeout(function(){
    $("#showcity").stop(true,true).fadeIn("fast");
    $(".qh_city").children().addClass("active");
    },100);
    },function() {
    clearTimeout(timer1,timer2);
    timer2 = setTimeout(function(){
    $("#showcity").stop(true,true).fadeOut("fast");
    $(".qh_city").children().removeClass("active");
    },200);
    });

  • 相关阅读:
    PYTHON简介
    zabbix4.0搭建2
    zabbix4.0搭建1
    zabbix监控
    Linux中vim编辑命令
    零基础逆向工程25_C++_02_类的成员权限_虚函数_模板
    零基础逆向工程24_C++_01_类_this指针_继承本质_多层继承
    零基础逆向工程23_PE结构07_重定位表_IAT表(待补充)
    零基础逆向工程22_PE结构06_导入表
    零基础逆向工程21_PE结构05_数据目录表_导出表
  • 原文地址:https://www.cnblogs.com/rain92/p/5105311.html
Copyright © 2011-2022 走看看