网站建设
  简约型网页设计套餐998
  实惠型网站建设套餐2580
  综合型网站制作套餐4980
  网站改版与网站维护
  行业网站建设方案
  大型网站建设解决方案
  企业网站建设流程
  帝网科技网站设计与网站制作
建站FAQ
·网站空间问题解答
·企业邮箱问题解答
 
酷站欣赏
·房产酷站(379)
·综合门户(8 9)
·建筑装饰(603)
·手机通讯(354)
·生活购物(376)
·医疗保健(199)
·文化摄影(602)
·休闲体育(399)
>>更多酷站欣赏
网站优化
·Google(谷歌)优化   ·百度(BaiDu)优化
·雅虎(Yahoo)优化    ·Alexa排名优化   
·Google AdSense   ·DMOZ目录提交  
建站知识
·网站建设知识·网站名词解释·网站运营知识
·网络营销知识·搜索引擎知识·实用技术文摘
网站推广
百度网站推广 google网站推广
搜狐网站推广 网易网站推广
新浪网站推广   雅虎网站推广
  您当前位置: 当前位置:帝网科技 >> web开发 >> .NET专栏 >> 浏览文章
 
 
asp.net实现51job地区选择效果
作者:佚名 来源:帝网科技 日期:2010年02月04日 点击数:


  最终效果图:

  

点此在新窗口浏览图片

 

  难点: 定位,其实不难, 取得父元素(省)的位置,然后设置 市(初始隐藏)的位置 = 父元素位置偏移n个px

  id为pop 的div是模式窗口

  说一下流程吧

  1.ajax读出所有省市

  2.市放在一个div里面,初始是隐藏的,然后给每一个省加一个onclick事件,控制这个省的市显示还是隐藏

  3.完成。

  说得简单了点,不过看代码就看明白了!有不明白可以在这里留言,我会关注!

  html代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_Default" %>



    无标题页
   
   
   
   


   


   
       
   
   
   
       
   


  后台输出代码

private void Bind()
    {
        IList listP = bllP.DataTableToList(bllP.GetAllList().Tables[0]);
        string arr = string.Empty;
        string ct = string.Empty;
        for (int i = 0; i < listP.Count; i++)
        {
            IList listC = bllC.DataTableToList(bllC.GetList("provinceid='" + listP[i].ProvinceID + "'").Tables[0]);

            arr += "";
            arr += "
  • " + listP[i].ProvinceName + "
  • ";
                arr += "";

                ct += "";
                for (int j = 0; j < listC.Count; j++)
                {
                    if (listC.Count > 0)
                    {
                        if (listC[j].ProvinceID == listP[i].ProvinceID)
                        {
                            if (j == 0)
                            {
                                ct += listP[i].ProvinceName + "

    ";
                            }
                            ct += "
  • " + listC[j].CityName + "
  • ";
                        }
                    }
                }
                ct += "";
                arr += ct;

            }

            Response.Write(arr);
            Response.End();
        }

      原作者:Andy Lau文章出自: www.it560.com

      相关文章
     
    ·ASP.NET使用log4Net日志组件教程(日志
    ·ASP.NET MVC 框架
    ·C#实现的BinaryTree
    ·WebForms使用System.Web.Routing
    ·ASP.NET获取远程网页下载到本地文件
    ·一个“简单”的ASP.NET的服务器控件
    ·ASP.net与PHP两大网站开发架构优势对比
    ·教你七招提高.NET网站性能
    ·ASP.NET未来:简化开发 HTML5性能提升
    ·ASP.NET实现类似Excel的数据透视表
    ·FileUpload上传多文件出现错误的解决方
    ·.NET从优酷专辑中采集所有视频及信息(
    ·ASP.NET 4中的SEO改进
    ·详解Asp.net MVC DropDownLists
    ·提高ASP.NET应用程序性能的几招方法
    ·asp.net实现51job地区选择效果
    ·ASP.NET中创建GeoRSS订阅源
    ·ASP.NET 4.0开发更加简便
    ·ASP.NET页面间数据传递的方法
    ·ASP.NET的SEO:使用.ashx文件——排除
     
     

    公司环境 | 合作伙伴 | 人才招聘 | 付款方式 | 关于我们

    地址:广州市天河区中山大道中120号D805 电话:020-82529556 传真:020-82529556
    广州帝网网络科技有限公司 版权所有 粤ICP备08119341号