你的位置:首页 > 软件开发 > Java > 城市选择,仿51job

城市选择,仿51job

发布时间:2012-03-09 11:00:08
前些文章用写过,省市县三级联动,但是感觉选择的时候不够直观,现在改进了下,效果如下图 View Code <%@ Page Language="C#" AutoEventWireup="true" CodeFile="City.aspx.cs" Inherits="System_Select_City& ...

城市选择,仿51job

前些文章用写过,省市县三级联动,但是感觉选择的时候不够直观,现在改进了下,效果如下图

城市选择,仿51job

城市选择,仿51job城市选择,仿51jobView Code <%@ Page Language="C#" AutoEventWireup="true" CodeFile="City.aspx.cs" Inherits="System_Select_City" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html "http://www.w3.org/1999/xhtml">                $("body").append(tipDiv);             //加入body 
                var top = spanCurrent.offset().top;   //获取top
                var left = spanCurrent.offset().left; //获取left
                tipDiv.offset({ top: top + 20, left: left + 60 });
                tipDiv.show(); //获取显示div  
            }).bind("mouseout", function () {
                var spanCurrent = $("#city_" + $(this).attr("id"));
                var a = function () {
                    if (!isoncityDiv) { //不在 弹出的div上时候 执行
                        spanCurrent.remove();
                    }
                    clearTimeout(int);
                };
                var int = setTimeout(a, 3000);
            });
        });
        //关闭谈出口
        function show(title) {
            parent.closeDiv(title);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <ul id="provinceDiv">
     <li> <a>直辖市</a></li>
     <li>
             <span  id="11">北京</span>
             <span  id="31">上海</span>
             <span  id="50">重庆</span>
             <span  id="12">天津</span>
     </li>
     <li><a>省区</a></li>
     <li>
        <span id="13">河北</span>
        <span id="14">山西</span> 
        <span  id="15">内蒙古</span>
        <span  id="21">辽宁</span>
        <span  id="22">吉林</span>
        <span  id="23">黑龙江</span> 
     </li>
    <li>    
             <span  id="32">江苏</span>
             <span  id="33">浙江</span>
             <span  id="34">安徽</span>
             <span  id="35">福建</span>
             <span  id="36">江西</span>
             <span  id="37">山东</span>    
    </li>
            
    <li>
             <span  id="41">河南</span>
             <span  id="42">湖北</span>
             <span  id="43">湖南</span>
             <span  id="44">广东</span>
             <span  id="45">广西</span>
             <span  id="46">海南</span>
    </li>
    <li>   
             <span  id="51">四川</span>
             <span  id="52">贵州</span>
             <span  id="53">云南</span>
             <span  id="54">西藏</span>
             <span  id="61">陕西</span>
             <span  id="62">甘肃</span>
    </li> 
    
    <li>            
             <span  id="63">青海</span>
             <span  id="64">宁夏</span>
             <span  id="65">新疆</span>
             <span  id="71">台湾</span>
             <span  id="81">香港</span>
             <span  id="91">澳门</span>
    </li> 
     </ul>
    
    </div>  
    </form>
</body>
</html>

 

个人签名:天行健,君子以自强不息城市选择,仿51job

原标题:城市选择,仿51job

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录