- 浏览: 437006 次
- 性别:
文章分类
最新评论
-
nianhua2008:
你好,请问哪个cocos版本可以读取cbx文件?
Cocos3dx入门 -
ihic11:
我的为什么Receive.jsp一直有乱码?请帮忙
网银在线支付注意事项 -
奔跑的蓝猫:
楼主你好!请问这两个文件怎么使用啊?
楼主能把源代码发给我下吗 ...
简易视频聊天 -
wx_hello:
不错。。学习了。。
jquery解析xml -
ocaicai:
圣人啊,救星啊,我被这个问题折磨得蛋疼!对了,我在google ...
struts2+urlrewrite
1、页面
<div class="w680b">
<div class="search-box">
<ul class="select-search" id="J_SiteSearchTab">
<li id="one2" class="selected" onClick="setTab('one',2,4)"><a href="#" >企业</a></li>
<li id="one0" onClick="setTab('one',0,4)"><a href="#" >供应</a></li>
<li id="one1" onClick="setTab('one',1,4)"><a href="#" >求购</a></li>
<li id="one4" onClick="setTab('one',4,4)"><a href="#" >展会</a></li>
<li class="last" id="one3" onClick="setTab('one',3,4)"><a href="#" >资讯</a></li>
</ul>
<div class="search-form">
<span class="search-q">
<input autocomplete="off" accesskey="s" name="key" id="key"/>
<input value="2" type="hidden" name="info_type" id="info_type"/>
</span>
<button id="DoSearch" type="submit" onclick="subSearch()"> 搜 索 </button>
</div>
<div class="select-more"><span style="font-weight:bold; color:#FF6600" id="default_city">合肥</span><span style="CURSOR: pointer;font-weight:bold" onclick="ChangeCity(this)">(切换城市)</span></div>
</div>
</div>
<div class="clear"></div>
<DIV class=hang3>
<!--城市选择-->
<SCRIPT language=javascript type=text/javascript>
function ChangeCity(obj)
{
if(obj)
{
var pos=$(obj).offset();
$("#popwindow").css("top",pos.top+15);
if($.browser.msie)
$("#popwindow").css("left",pos.left-50);
else
$("#popwindow").css("left",pos.left-50);
}
$("#popwindow").slideToggle();
}
function ChangeCityName(cityname){
$("#default_city").html(cityname);
ChangeCity();
}
</SCRIPT>
<DIV style="Z-INDEX: 9999; POSITION: absolute; DISPLAY: none"
id=popwindow>
<TABLE class=table1 border=0 cellSpacing=0 cellPadding=0 width=195>
<TBODY>
<TR>
<TD class=bg_city height=24 width=150 align=left>
<SPAN class=font_city>城市选择</SPAN>
</TD>
<TD class=bg_city width=45>
<A href="javascript:ChangeCity();">[关闭]</A>
</TD>
</TR>
<TR>
<TD colSpan=2>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=195
align=center>
<TBODY>
<TR>
<TD height=40 colSpan=5 align=left>
<SPAN class=xx></SPAN><SPAN class=font_sheng>安徽省</SPAN>
</TD>
</TR>
<TR>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_lbtnChangeCity
href="javascript:__doPostBack('ChangeCity1$lbtnChangeCity','')">合肥</A>
</TD>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_LinkButton1
href="javascript:ChangeCityName('芜湖')">芜湖</A>
</TD>
<TD style="HEIGHT: 18px" width=74 align=left>
<A id=ChangeCity1_LinkButton2
href="javascript:ChangeCityName('蚌埠')">蚌埠</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton5
href="javascript:ChangeCityName('淮北')">淮北</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton6
href="javascript:ChangeCityName('铜陵')">铜陵</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton7
href="javascript:ChangeCityName('安庆')">安庆</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton10
href="javascript:ChangeCityName('阜阳')">阜阳</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton11
href="javascript:ChangeCityName('宿州')">宿州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton12
href="javascript:ChangeCityName('巢湖')">巢湖</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton3
href="javascript:ChangeCityName('淮南')">淮南</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton4
href="javascript:ChangeCityName('马鞍山')">马鞍山</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton8
href="javascript:ChangeCityName('黄山')">黄山</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton9
href="javascript:ChangeCityName('滁州')">滁州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton13
href="javascript:ChangeCityName('六安')">六安</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton14
href="javascript:ChangeCityName('亳州')">亳州</A>
</TD>
</TR>
<TR>
<TD align=left>
<A id=ChangeCity1_LinkButton15
href="javascript:ChangeCityName('池州')">池州</A>
</TD>
<TD align=left>
<A id=ChangeCity1_LinkButton16
href="javascript:ChangeCityName('宣城')">宣城</A>
</TD>
<TD align=left></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<!--城市选择-->
</DIV>
2、comm.css
.table1 A {
LINE-HEIGHT: 26px; COLOR: #003399; TEXT-DECORATION: underline
}
.table1 A:hover {
COLOR: #900; TEXT-DECORATION: underline
}
.font_city {
FONT-FAMILY: "宋体"; COLOR: #003399; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.font_shi {
COLOR: #ff5500
}
.font_sheng {
TEXT-ALIGN: left; WIDTH: 500px; COLOR: #003399; FONT-SIZE: 14px
}
.xx {
WIDTH: 11px; DISPLAY: block; BACKGROUND: url(../images/close_win.gif) no-repeat; FLOAT: left; HEIGHT: 11px
}
.table1 {
BORDER-BOTTOM: #aad2ee 1px solid; BORDER-LEFT: #aad2ee 1px solid; BACKGROUND-COLOR: #fff; MARGIN: 0px auto; WIDTH: 195px; HEIGHT: auto; BORDER-TOP: #aad2ee 1px solid; BORDER-RIGHT: #aad2ee 1px solid
}
.table1 TD {
PADDING-LEFT: 10px
}
发表评论
-
javascript跨域访问问题
2010-05-07 11:15 10441、比如在浏览器通过以下地址访问:http://localho ... -
jQuery动态绑定事件
2010-04-15 20:25 1071<input type="button&quo ... -
html <map>标签
2010-04-06 15:04 1425页面图像动态加热区,(使用map标签) 在Html中,给图 ... -
innerHTML属性说明
2010-03-26 11:26 974并不是所有的html标签都有innerHTML属性,比如sel ... -
常用的js
2010-03-10 13:05 968/** 一、验证类 1、数字验证内 1.1 整数 1. ... -
js 正则验证金额
2010-02-23 16:20 2036<input type="text" ... -
[转载]js中检测单选框选中
2010-02-23 15:51 1377当<input type="radio&q ... -
如何固定表格的宽度,让超出的内容自动换行
2010-02-23 13:33 1981<table style="word-brea ... -
兼容IE、FF的将当前页加入收藏夹和设为首页的js代码
2010-01-21 14:53 3503//添加到收藏夹 function AddToFavorit ... -
表单属性设为不可用 disabled 注意事项
2010-01-20 14:21 1165若一个表单的字段设为了不可用,如: <input ... -
Firefox下event is not define解决方法
2010-01-18 10:01 2753Firefox中Javascript使用event对象需要注意 ... -
js创建下拉列表树
2010-01-14 10:42 21151、html <tr> <td a ... -
js中使用json示例
2010-01-12 17:52 9901、var result= "{error:0,i ... -
js动态增加、删除行
2010-01-07 13:11 1163<!DOCTYPE HTML PUBLIC " ... -
js获取选中的单选按钮的值
2009-12-23 18:21 73361、页面 <table cellspacing=&quo ... -
jquery局部更新
2009-12-16 16:00 668function showMoreKeyword(){ ... -
js判断字符串str是否包含包含另一字符串regx
2009-11-27 16:34 3094示例: int pos = str.indexOf(regx ... -
限制文本域<textarea>的输入字数
2009-11-26 09:23 26311、消息文本域,限制字数不能多于300 <textar ... -
渐变背景的CSS代码
2009-11-06 23:05 1237<style type="text/css&q ... -
关于submit() 对象不支持此属性或方法的解决方法
2009-11-04 14:19 1338今日遇到这个奇怪的问题~ .submit() 对象不支持此属 ...
相关推荐
本文将深入解析标题为 "Jquery实现的切换城市源码" 的相关知识点,帮助你理解如何使用 jQuery 实现动态的城市切换功能。 1. **jQuery 基础**: jQuery 是一个轻量级的库,通过封装 JavaScript API,使得开发者可以...
divShow.html很可能是实现城市切换功能的HTML页面,它可能包含了HTML结构以及调用jQuery和插件的JavaScript代码。而jquery-1.7.2.min.js则是jQuery库的一个版本,它是这个功能运行的基础,提供了操作DOM、处理事件和...
在这个特定的场景中,jQuery被用来实现城市导航栏的动态交互。 城市频道站点切换功能的实现通常包含以下几个关键步骤: 1. **HTML结构**:创建一个包含各个城市选项的导航菜单,每个城市作为一个链接元素。这些...
jQuery电影票城市切换插件是一种基于JavaScript库jQuery开发的实用工具,主要应用于在线购票系统,为用户提供方便的城市选择功能。这个插件通过简洁的代码实现动态的、交互性强的城市切换效果,增强了用户的购票体验...
【jQuery拉手网城市切换导航栏】是一款专用于模仿拉手团购网站顶部城市切换功能的JavaScript特效代码。在网页设计中,这样的导航栏是至关重要的,因为它提供了用户友好的交互体验,使用户能够轻松地在不同城市之间...
今天我们要介绍的同样是一个播报天气预报的界面,使用jQuery和CSS3技术实现,与前一个不同的是,这款jQuery天气预报插件的特点在于可以动态切换城市,通过天气预报网站相关接口数据的读取来显示不同城市的天气情况,...
3. **jQuery实现步骤** - **HTML结构**:首先,需要创建两个`<select>`元素,分别代表省份和城市,每个`<option>`表示一个具体的选择项。 - **数据准备**:将所有省份和城市的关系存储在JSON文件中,如`province_...
【jQuery网易电影票切换城市选项卡】是一款基于JavaScript库jQuery实现的动态效果,主要用于网站上电影票预订系统中切换不同城市的界面交互。该效果按照城市名称的字母顺序进行排列,提供用户友好的体验,使他们能...
【基于jQuery实现的地址选择器】是一种常用的前端交互组件,常用于用户在填写表单时选择他们的居住地或发货地址。这种组件通过级联下拉菜单的形式,展示省、市、区、乡镇、社区等多级行政区域,使得用户能够方便快捷...
总的来说,使用jQuery实现可编辑的表格需要结合HTML、CSS和JavaScript知识,涉及到DOM操作、事件监听、样式切换以及与后端的交互。通过以上步骤,我们可以创建一个用户友好的、能够实时编辑并保存数据的表格组件。
同时,利用HTML和CSS构建动态展示的标签页,实现城市列表的分页显示。 四、实际应用 在实际项目中,jQuery城市选择器常用于注册、登录、购物地址填写等场景。例如,在电商网站,用户在填写收货地址时,可以通过...
在实现城市切换时,考虑到用户体验,应确保代码具有良好的性能和响应速度。为了减少网络请求,可以考虑使用缓存策略,如浏览器缓存或者服务端缓存,将常用城市信息预先加载。另外,对于大型的多城市系统,可能需要...
jquery实现网易邮箱首页插件 jquery导航,缓慢弹出下拉效果 jquery左侧导航滑动网页定位效果 jquery左侧弹出二级菜单 jquery弹出层 jquery弹出层 三种弹出效果 jquery弹出插件 jquery抽奖插件 jquery抽奖插件.rar ...
**jQuery城市联动选择器** 在Web开发中,用户界面经常需要提供一种便捷的方式来选择地理位置,例如省份、城市和区县。这种需求催生了各种各样的联动选择器,其中`jQuery`城市联动选择器是一个非常实用的解决方案。...
本文将深入探讨两个基于jQuery的城市列表插件,它们主要用于实现类似携程的城市选择功能,为用户提供方便快捷的地域选择体验。 首先,我们来看第一个插件,名为"cityquery.rar"。这个插件以其灵活性著称,允许...
这个效果的核心在于利用jQuery库实现动态、交互式的下拉菜单,使得用户在不离开当前页面的情况下,能够方便地浏览和选择各个级别的地理位置,如国家、省份、城市等。 在实现这一效果时,主要涉及以下几个关键知识点...
2. **AJAX**:Asynchronous JavaScript and XML(异步JavaScript和XML),虽然现在通常不使用XML作为数据交换格式,但其核心思想——在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,是实现城市切换的...