网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
如下所示：。 代码如下:&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&&html&&head&&&& &title&Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例&/title&&&& &meta http-equiv="Content-Type" content="text/charset=UTF-8" /&&&& &script src="JS/jquery-1.8.0.min.js" type="text/javascript"&&/script&&&& &style type="text/css"&&&&&&&& .map img&&&&&&& {&&&&&&&&&&& width: 496&&&&&&&&&&& height: 415&&&&&&& }&&&&&&& .mapDiv&&&&&&& {&&&&&&&&&&& width: 140&&&&&&&&&&& height: 61&&&&&&&&&&& padding: 5&&&&&&&&&&& color: #369;&&&&&&&&&&& background: url('Images/dialge.gif') no-&&&&&&&&&&& position:&&&&&&&&&&& display:&&&&&&&&&&& word-break: break-&&&&&&& }&&& &/style&&&& &script type="text/javascript"&&&&&&&& $(document).ready(function () {&&&&&&&&&&& $("area").each(function () {&&&&&&&&&&&&&&& var $x = -55;&&&&&&&&&&&&&&& var $y = -80;&&&&&&&&&&&&&&& var name = $(this).attr("alt");&&&&&&&&&&&&&&& $(this).mouseover(function (e) {&&&&&&&&&&&&&&&&&&& var strall = [];&&&&&&&&&&&&&&&&&&& strall = $(this).attr("coords").split(",");&&&&&&&&&&&&&&&&&&& var x = parseInt(strall[0]);&&&&&&&&&&&&&&&&&&& var y = parseInt(strall[3]);&&&&&&&&&&&&&&&&&&& var index_num = $(this).index();&&&&&&&&&&&&&&&&&&& var dom = "&div class='mapDiv'&&p&提示消息&span class='name'&&/span&&span class='num'&&/span&&/p&&/div&";&&&&&&&&&&&&&&&&&&& $("body").append(dom);&&&&&&&&&&&&&&&&&&& $(".name").text(name);&&&&&&&&&&&&&&&&&&& $(".num").text(index_num)&&&&&&&&&&&&&&&&&&& $(".mapDiv").css({&&&&&&&&&&&&&&&&&&&&&&& left: (x + $x) + "px",&&&&&&&&&&&&&&&&&&&&&&& top: (y + $y) + "px"
&&&&&&&&&&&&&&&&&&& }).show();&&&&&&&&&&&&&&& }).mouseout(function () {&&&&&&&&&&&&&&&&&&& $(".mapDiv").remove();&&&&&&&&&&&&&&& }).mousemove(function (e) {&&&&&&&&&&&&&&&&&&& $(".mapDiv").css({&&&&&&&&&&&&&&&&&&&&&&& left: (x + $x) + "px",&&&&&&&&&&&&&&&&&&&&&&& top: (y + $y) + "px"&&&&&&&&&&&&&&&&&&& })&&&&&&&&&&&&&&& });&&&&&&&&&&& });&&&&&&&&&&& //first load&&&&&&&&&&& show();&&&&&&&&&&& //random&&&&&&&&&&& setInterval(show, 3000); // 注意函数名没有引号和括弧 &&&&&&& });
&&&&&&& function show() {&&&&&&&&&&& var area = $("area");&&&&&&&&&&& var random = getRandom(area.length);&&&&&&&&&&& $(area[random]).trigger("mouseover");&&&&&&& }
&&&&&&& function getRandom(n) { return Math.floor(Math.random() * n + 1) }&&& &/script&&/head&&body&&&& &div class="map"&&&&&&&& &img border="0" usemap="#Map" src="images/1544302yufceen0c3nbjzu.png" /&&&&&&&& &map name="Map" id="Map"&&&&&&&&&&&& &area id="beijing" alt="北京" href="forum.php?gid=1" coords="354,140,380,153" shape="rect"&&&&&&&&&&&& &area id="shanghai" alt="上海" href="forum.php?gid=3" coords="434,246,462,259" shape="rect"&&&&&&&&&&&& &area id="tianjin" alt="天津" href="forum.php?gid=2" coords="382,168,408,180" shape="rect"&&&&&&&&&&&& &area id="chongqing" alt="重庆" href="forum.php?gid=4" coords="294,264,320,276" shape="rect"&&&&&&&&&&&& &area id="hebei" alt="河北" href="forum.php?gid=5" coords="347,174,374,186" shape="rect"&&&&&&&&&&&& &area id="shanxi" alt="山西" href="forum.php?gid=6" coords="322,186,348,198" shape="rect"&&&&&&&&&&&& &area id="neimenggu" alt="内蒙古" href="forum.php?gid=7" coords="349,110,388,124" shape="rect"&&&&&&&&&&&& &area id="liaoning" alt="辽宁" href="forum.php?gid=8" coords="406,128,432,140" shape="rect"&&&&&&&&&&&& &area id="jilin" alt="吉林" href="forum.php?gid=9" coords="427,101,454,115" shape="rect"&&&&&&&&&&&& &area id="heilongjiang" alt="黑龙江" href="forum.php?gid=10" coords="424,58,464,73" shape="rect"&&&&&&&&&&&& &area id="jiangsu" alt="江苏" href="forum.php?gid=11" coords="404,224,417,250" shape="rect"&&&&&&&&&&&& &area id="zhejiang" alt="浙江" href="forum.php?gid=12" coords="413,265,427,291" shape="rect"&&&&&&&&&&&& &area id="anhui" alt="安徽" href="forum.php?gid=13" coords="382,236,395,263" shape="rect"&&&&&&&&&&&& &area id="fujian" alt="福建" href="forum.php?gid=14" coords="399,300,413,327" shape="rect"&&&&&&&&&&&& &area id="jiangxi" alt="江西" href="forum.php?gid=15" coords="371,286,385,313" shape="rect"&&&&&&&&&&&& &area id="shandong" alt="山东" href="forum.php?gid=16" coords="373,196,399,208" shape="rect"&&&&&&&&&&&& &area id="henan" alt="河南" href="forum.php?gid=17" coords="337,228,364,239" shape="rect"&&&&&&&&&&&& &area id="hubei" alt="湖北" href="forum.php?gid=18" coords="329,258,356,271" shape="rect"&&&&&&&&&&&& &area id="hunan" alt="湖南" href="forum.php?gid=19" coords="325,294,352,306" shape="rect"&&&&&&&&&&&& &area id="guangdong" alt="广东" href="forum.php?gid=20" coords="356,343,382,355" shape="rect"&&&&&&&&&&&& &area id="guangxi" alt="广西" href="forum.php?gid=21" coords="302,343,328,355" shape="rect"&&&&&&&&&&&& &area id="hainan" alt="海南" href="forum.php?gid=22" coords="313,398,340,411" shape="rect"&&&&&&&&&&&& &area id="sichuan" alt="四川" href="forum.php?gid=23" coords="239,265,265,277" shape="rect"&&&&&&&&&&&& &area id="guizhou" alt="贵州" href="forum.php?gid=24" coords="283,311,308,324" shape="rect"&&&&&&&&&&&& &area id="yunnan" alt="云南" href="forum.php?gid=25" coords="225,337,251,349" shape="rect"&&&&&&&&&&&& &area id="shaanxi" alt="陕西" href="forum.php?gid=26" coords="303,224,316,251" shape="rect"&&&&&&&&&&&& &area id="gansu" alt="甘肃" href="forum.php?gid=27" coords="179,156,205,168" shape="rect"&&&&&&&&&&&& &area id="qinghai" alt="青海" href="forum.php?gid=28" coords="174,206,200,218" shape="rect"&&&&&&&&&&&& &area id="ningxia" alt="宁夏" href="forum.php?gid=29" coords="277,188,290,212" shape="rect"&&&&&&&&&&&& &area id="xinjiang" alt="新疆" href="forum.php?gid=30" coords="85,140,111,152" shape="rect"&&&&&&&&&&&& &area id="xizang" alt="西藏" href="forum.php?gid=31" coords="87,249,113,261" shape="rect"&&&&&&&&&&&& &area id="xianggang" alt="香港" href="forum.php?gid=32" coords="379,358,406,370" shape="rect"&&&&&&&&&&&& &area id="aomen" alt="澳门" href="forum.php?gid=33" coords="349,371,375,383" shape="rect"&&&&&&&&&&&& &area id="taiwan" alt="台湾" href="forum.php?gid=34" coords="434,322,448,348" shape="rect"&&&&&&&& &/map&&&& &/div&&/body&&/html&
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章： 没有了
网友评论：
[][][][][][][][][][]扫描二维码手机浏览
请完成以下验证码
<div class="mn"
jQuery打造中国地图各省市热点效果(鼠标经过弹出提示层)
马上注册成为科蚁网会员，即可免费下载和分享手机建站资源！
才可以下载或查看，没有帐号？
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &http://www.w3.org/TR/html4/loose.dtd&&
&html&
&head&
&title&打造中国地图各省市热点效果(鼠标经过弹出提示层)_科蚁网()&/title&
&/head&
&script src=&/themes/script/jquery.js& type=&text/javascript&&&/script&&!-- 建议用1.7的jquery --&
&script type=&text/javascript&&var jq = jQuery.noConflict();&/script&&!-- 为了让DZ X2支持jquery 加载时替换库中的$为jq --&
&style type=&text/css&&
.map img { width:496 height: 415 }
.mapDiv { padding: 5 width:170 height:61 color:#369; background: url('/images//hotarrow.gif') no- }
&/style&&!-- CSS样式 --&
&body&
&!-- JS 如果需要读取变量最好写在网页里,也可以写在JS文件里!--&
&script type=&text/javascript&&
jq(document).ready(function(){
& & jQuery.fn.extend({
& && &&&TitleShow: function(strHTML) {
& && && && &var xOffset = 80;
& && && && &var yOffset = -75;
& && && && &var preview = jq(&#preview_container&);
& && && && &if(preview.length&=0){
& && && && && & jq(&body&).append(&&div id='preview_container'&&/div&&);
& && && && && & preview = jq(&#preview_container&);
& && && && &}
& && && && &preview.css({
& && && && && & &display&:&none&,
& && && && && & &position&:&absolute&,
& && && && && & &width&:&150px&,
& & & & & & & & & & & & & & & & &word-break&:&break-all&
& && && && &});
& && && && &return this.each(function() {
& && && && && & var _this = jq(this);
& && && && && & _this.hover(
& && && && && && &&&function(e){
& && && && && && && && &preview.html(strHTML);
& && && && && && && && &preview
& && && && && && && && && & .css(&top&,(e.pageY - xOffset) + &px&)
& && && && && && && && && & .css(&left&,(e.pageX + yOffset) + &px&)
& && && && && && && && && & .css(&opaticy&,0)
& && && && && && && && && & .show()
& && && && && && && && && & .stop()
& && && && && && && && && & .animate({&opacity&:0.9},300);
& && && && && && && && && &
& && && && && && &&&},function(){
& && && && && && && && &preview
& && && && && && && && && & .stop()
& && && && && && && && && & .animate({&opacity&:0},300,function(){
& && && && && && && && && && &&&jq(this).hide();
& && && && && && && && && & });
& && && && && && &&&}
& && && && && & )
& && && && && & _this.mousemove(function(e){
& && && && && && &&&preview
& && && && && && && && &.css(&top&,(e.pageY - xOffset) + &px&)
& && && && && && && && &.css(&left&,(e.pageX + yOffset) + &px&);
& && && && && & });
& && && && &});
& && &&&}
& & });
& & jq(&#beijing&).TitleShow(&&div class='mapDiv'&北京地图热点效果-这里是测试换行效果-这里是测试换行效果&/div&&);
& & jq(&#tianjin&).TitleShow(&&div class='mapDiv'&天津地图热点效果2&/div&&);
& & jq(&#shanghai&).TitleShow(&&div class='mapDiv'&上海地图热点效果3&/div&&);
& & jq(&#chongqing&).TitleShow(&&div class='mapDiv'&重庆地图热点效果4&/div&&);
& & jq(&#hebei&).TitleShow(&&div class='mapDiv'&河北地图热点效果5&/div&&);
& & jq(&#shanxi&).TitleShow(&&div class='mapDiv'&山西地图热点效果6&/div&&);
& & jq(&#neimenggu&).TitleShow(&&div class='mapDiv'&内蒙古地图热点效果7&/div&&);
& & jq(&#liaoning&).TitleShow(&&div class='mapDiv'&地图热点效果8&/div&&);
& & jq(&#jilin&).TitleShow(&&div class='mapDiv'&地图热点效果9&/div&&);
& & jq(&#heilongjiang&).TitleShow(&&div class='mapDiv'&黑龙江地图热点效果10&/div&&);
& & jq(&#jiangsu&).TitleShow(&&div class='mapDiv'&地图热点效果11&/div&&);
& & jq(&#zhejiang&).TitleShow(&&div class='mapDiv'&地图热点效果12&/div&&);
& & jq(&#anhui&).TitleShow(&&div class='mapDiv'&地图热点效果13&/div&&);
& & jq(&#fujian&).TitleShow(&&div class='mapDiv'&地图热点效果14&/div&&);
& & jq(&#jiangxi&).TitleShow(&&div class='mapDiv'&地图热点效果15&/div&&);
& & jq(&#shandong&).TitleShow(&&div class='mapDiv'&山东地图热点效果16&/div&&);
& & jq(&#henan&).TitleShow(&&div class='mapDiv'&河南地图热点效果17&/div&&);
& & jq(&#hubei&).TitleShow(&&div class='mapDiv'&湖北地图热点效果18&/div&&);
& & jq(&#hunan&).TitleShow(&&div class='mapDiv'&地图热点效果l9&/div&&);
& & jq(&#guangdong&).TitleShow(&&div class='mapDiv'&地图热点效果20e&/div&&);
& & jq(&#guangxi&).TitleShow(&&div class='mapDiv'&地图热点效果21&/div&&);
& & jq(&#hainan&).TitleShow(&&div class='mapDiv'&地图热点效果22&/div&&);
& & jq(&#sichuan&).TitleShow(&&div class='mapDiv'&地图热点效果23&/div&&);
& & jq(&#guizhou&).TitleShow(&&div class='mapDiv'&地图热点效果24&/div&&);
& & jq(&#yunnan&).TitleShow(&&div class='mapDiv'&地图热点效果25&/div&&);
& & jq(&#shaanxi&).TitleShow(&&div class='mapDiv'&地图热点效果26&/div&&);
& & jq(&#gansu&).TitleShow(&&div class='mapDiv'&地图热点效果27&/div&&);
& & jq(&#qinghai&).TitleShow(&&div class='mapDiv'&地图热点效果28&/div&&);
& & jq(&#ningxia&).TitleShow(&&div class='mapDiv'&宁夏地图热点效果29&/div&&);
& & jq(&#xinjiang&).TitleShow(&&div class='mapDiv'&新疆地图热点效果30&/div&&);
& & jq(&#xizang&).TitleShow(&&div class='mapDiv'&地图热点效果31&/div&&);
& & jq(&#xianggang&).TitleShow(&&div class='mapDiv'&香港地图热点效果32&/div&&);
& & jq(&#aomen&).TitleShow(&&div class='mapDiv'&地图热点效果33&/div&&);
& & jq(&#taiwan&).TitleShow(&&div class='mapDiv'&地图热点效果34&/div&&);
});
&/script&
&!--热点HTML代码开始 --&
&div class=&map&&
&img border=&0& usemap=&#Map& src=&/images//map.png& /&
&map name=&Map& id=&Map&&
&area id=&beijing& alt=&北京& href=&#& coords=&354,140,380,153& shape=&rect&&
&area id=&shanghai& alt=&上海& href=&#& coords=&434,246,462,259& shape=&rect&&
&area id=&tianjin& alt=&天津& href=&#& coords=&382,168,408,180& shape=&rect&&
&area id=&chongqing& alt=&重庆& href=&#& coords=&294,264,320,276& shape=&rect&&
&area id=&hebei& alt=&河北& href=&#& coords=&347,174,374,186& shape=&rect&&
&area id=&shanxi& alt=&山西&&&href=&#& coords=&322,186,348,198& shape=&rect&&
&area id=&neimenggu& alt=&内蒙古& href=&#& coords=&349,110,388,124& shape=&rect&&
&area id=&liaoning& alt=&辽宁& href=&#& coords=&406,128,432,140& shape=&rect&&
&area id=&jilin& alt=&吉林& href=&#& coords=&427,101,454,115& shape=&rect&&
&area id=&heilongjiang& alt=&黑龙江& href=&#& coords=&424,58,464,73& shape=&rect&&
&area id=&jiangsu& alt=&江苏& href=&#& coords=&404,224,417,250& shape=&rect&&
&area id=&zhejiang& alt=&浙江& href=&#& coords=&413,265,427,291& shape=&rect&&
&area id=&anhui& alt=&安徽& href=&#& coords=&382,236,395,263& shape=&rect&&
&area id=&fujian& alt=&福建& href=&#& coords=&399,300,413,327& shape=&rect&&
&area id=&jiangxi& alt=&江西& href=&#& coords=&371,286,385,313& shape=&rect&&
&area id=&shandong& alt=&山东& href=&#& coords=&373,196,399,208& shape=&rect&&
&area id=&henan& alt=&河南& href=&#& coords=&337,228,364,239& shape=&rect&&
&area id=&hubei& alt=&湖北& href=&#& coords=&329,258,356,271& shape=&rect&&
&area id=&hunan& alt=&湖南& href=&#& coords=&325,294,352,306& shape=&rect&&
&area id=&guangdong& alt=&广东& href=&#& coords=&356,343,382,355& shape=&rect&&
&area id=&guangxi& alt=&广西& href=&#& coords=&302,343,328,355& shape=&rect&&
&area id=&hainan& alt=&海南& href=&#& coords=&313,398,340,411& shape=&rect&&
&area id=&sichuan& alt=&四川& href=&#& coords=&239,265,265,277& shape=&rect&&
&area id=&guizhou& alt=&贵州& href=&#& coords=&283,311,308,324& shape=&rect&&
&area id=&yunnan& alt=&云南& href=&#& coords=&225,337,251,349& shape=&rect&&
&area id=&shaanxi& alt=&陕西& href=&#& coords=&303,224,316,251& shape=&rect&&
&area id=&gansu& alt=&甘肃& href=&#& coords=&179,156,205,168& shape=&rect&&
&area id=&qinghai& alt=&青海& href=&#& coords=&174,206,200,218& shape=&rect&&
&area id=&ningxia& alt=&宁夏& href=&#& coords=&277,188,290,212& shape=&rect&&
&area id=&xinjiang& alt=&新疆& href=&#& coords=&85,140,111,152& shape=&rect&&
&area id=&xizang& alt=&西藏& href=&#& coords=&87,249,113,261& shape=&rect&&
&area id=&xianggang& alt=&香港& href=&#& coords=&379,358,406,370& shape=&rect&&
&area id=&aomen& alt=&澳门& href=&#& coords=&349,371,375,383& shape=&rect&&
&area id=&taiwan& alt=&台湾& href=&#& coords=&434,322,448,348& shape=&rect&&
&/map&
&/div&
&br /&
&p&&a href=&&&科蚁网&/a& - 最专业的网页代码下载网站！&/p&
&/body&
&/html&复制代码
没源码包，怎么测试，再多代码弄出来也没人看啊
& 扫码关注科蚁网
Copyright (C)
All rights reserved.
科蚁网力争为建站爱好者提供最好最全的HTML5网站模板、教程、jquery特效、网站源码等资源, 部分资源来自网络收集及网友发布，并不代表本站观点,如果本站部分内容侵犯您的权益，请您告知，科蚁网会立即处理。
Powered by Discuz! X3.4&
版权所有：成都智创科蚁科技有限公司&Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
秒后自动跳转到登录页
快捷登录：
举报类型：
不规范：上传重复资源
不规范：标题与实际内容不符
不规范：资源无法下载或使用
其他不规范行为
违规：资源涉及侵权
违规：含有危害国家安全等内容
违规：含有反动/色情等内容
违规：广告内容
详细原因：
任何违反下载中心规定的资源，欢迎Down友监督举报，第一举报人可获5-10下载豆奖励。
视频课程推荐
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
上传时间：
技术分类：
资源评价：
（1位用户参与评价）
已被下载&8&次
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
本资料共包含以下附件：
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例.doc
51CTO下载中心常见问题：
1.如何获得下载豆？
1)上传资料
2)评论资料
3)每天在首页签到领取
4)购买VIP会员服务，无需下载豆下载资源
5)更多途径：点击此处
2.如何删除自己的资料？
下载资料意味着您已同意遵守以下协议：
1.资料的所有权益归上传用户所有
2.未经权益所有人同意，不得将资料中的内容挪作商业或盈利用途
3.51CTO下载中心仅提供资料交流平台，并不对任何资料负责
4.本站资料中如有侵权或不适当内容，请邮件与我们联系（）
5.本站不保证资源的准确性、安全性和完整性, 同时也不承担用户因使用这些资料对自己和他人造成任何形式的伤害或损失
相关专题推荐
jQuery的易扩展性吸引了来自全球的开
本专题为jQuery实例教程和jQuery电子
jQuery EasyUI是一组基于jQuery的UI插
jQuery使用户能更方便地处理HTML doc
EasyUI是一个基于jquery的集成了各种
本视频由尚学堂白贺翔老师录制，于20
该系列视频适合没有Ajax和jQuery基础
CSDN ITCAST老师王兴魁主讲的JQuery实
本专题为李炎恢老师的jQuery视频教程
这部分视频是紧接着韩顺平老师ajax部
《精通JavaScript+jQuery》配套视频教
本专题为迅雷看看前端首页设计视频教
佟刚老师讲授，本视频循序渐进地对jQ
本专题为jQuery实例视频教程，共七个
jquery easyui入门在线学习，通过介绍
JQuery是一个优秀的Javascript类库，
意见或建议：
联系方式：
您已提交成功！感谢您的宝贵意见，我们会尽快处理jQuery实现鼠标经过弹出提示信息的地图热点效果
作者：皮蛋
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jQuery实现鼠标经过弹出提示信息的地图热点效果,涉及jquery鼠标事件及页面元素样式的动态操作技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery实现鼠标经过弹出提示信息的地图热点效果。分享给大家供大家参考。具体如下：
这里的jQuery鼠标经过弹出提示信息地图热点效果，很多网站上有用到，送给大家，对作者表示感谢。
运行效果截图如下：
具体代码如下：
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&title&jQuery地图热点效果-鼠标经过弹出提示信息&/title&
&meta http-equiv="Content-Type" content="text/charset=UTF-8"&
&script src="jquery-1.6.2.min.js" type="text/javascript"&&/script&
&style type="text/css"&
.map img { width:496 height: 415 }
.mapDiv { width:140 height:61 padding: 5 color:#369; background: url('http://files.jb51.net/file_images/article/.gif') no- position: display: word-break:break- }
&script type="text/javascript"&
$(document).ready(function(){
$("area").each(function(){
var $x=-70;
var $y=-80;
var name=$(this).attr("alt");
$(this).mouseover(function(e){
var index_num=$(this).index();
var dom="&div class='mapDiv'&&p&提示消息&span class='name'&&/span&&span class='num'&&/span&&/p&&/div&";
$("body").append(dom);
$(".name").text(name);
$(".num").text(index_num)
$(".mapDiv").css({
top: (e.pageY + $y)+"px",
left: (e.pageX + $x)+"px"
}).show("fast");
}).mouseout(function(){
$(".mapDiv").remove();
}).mousemove(function(e){
$(".mapDiv").css({
top: (e.pageY + $y)+"px",
left: (e.pageX + $x)+"px"
&div class="map"&
&img border="0" usemap="#Map" src="http://files.jb51.net/file_images/article/.png" /&
&map name="Map" id="Map"&
&area id="beijing" alt="北京" href="forum.php?gid=1" coords="354,140,380,153" shape="rect"&
&area id="shanghai" alt="上海" href="forum.php?gid=3" coords="434,246,462,259" shape="rect"&
&area id="tianjin" alt="天津" href="forum.php?gid=2" coords="382,168,408,180" shape="rect"&
&area id="chongqing" alt="重庆" href="forum.php?gid=4" coords="294,264,320,276" shape="rect"&
&area id="hebei" alt="河北" href="forum.php?gid=5" coords="347,174,374,186" shape="rect"&
&area id="shanxi" alt="山西" href="forum.php?gid=6" coords="322,186,348,198" shape="rect"&
&area id="neimenggu" alt="内蒙古" href="forum.php?gid=7" coords="349,110,388,124" shape="rect"&
&area id="liaoning" alt="辽宁" href="forum.php?gid=8" coords="406,128,432,140" shape="rect"&
&area id="jilin" alt="吉林" href="forum.php?gid=9" coords="427,101,454,115" shape="rect"&
&area id="heilongjiang" alt="黑龙江" href="forum.php?gid=10" coords="424,58,464,73" shape="rect"&
&area id="jiangsu" alt="江苏" href="forum.php?gid=11" coords="404,224,417,250" shape="rect"&
&area id="zhejiang" alt="浙江" href="forum.php?gid=12" coords="413,265,427,291" shape="rect"&
&area id="anhui" alt="安徽" href="forum.php?gid=13" coords="382,236,395,263" shape="rect"&
&area id="fujian" alt="福建" href="forum.php?gid=14" coords="399,300,413,327" shape="rect"&
&area id="jiangxi" alt="江西" href="forum.php?gid=15" coords="371,286,385,313" shape="rect"&
&area id="shandong" alt="山东" href="forum.php?gid=16" coords="373,196,399,208" shape="rect"&
&area id="henan" alt="河南" href="forum.php?gid=17" coords="337,228,364,239" shape="rect"&
&area id="hubei" alt="湖北" href="forum.php?gid=18" coords="329,258,356,271" shape="rect"&
&area id="hunan" alt="湖南" href="forum.php?gid=19" coords="325,294,352,306" shape="rect"&
&area id="guangdong" alt="广东" href="forum.php?gid=20" coords="356,343,382,355" shape="rect"&
&area id="guangxi" alt="广西" href="forum.php?gid=21" coords="302,343,328,355" shape="rect"&
&area id="hainan" alt="海南" href="forum.php?gid=22" coords="313,398,340,411" shape="rect"&
&area id="sichuan" alt="四川" href="forum.php?gid=23" coords="239,265,265,277" shape="rect"&
&area id="guizhou" alt="贵州" href="forum.php?gid=24" coords="283,311,308,324" shape="rect"&
&area id="yunnan" alt="云南" href="forum.php?gid=25" coords="225,337,251,349" shape="rect"&
&area id="shaanxi" alt="陕西" href="forum.php?gid=26" coords="303,224,316,251" shape="rect"&
&area id="gansu" alt="甘肃" href="forum.php?gid=27" coords="179,156,205,168" shape="rect"&
&area id="qinghai" alt="青海" href="forum.php?gid=28" coords="174,206,200,218" shape="rect"&
&area id="ningxia" alt="宁夏" href="forum.php?gid=29" coords="277,188,290,212" shape="rect"&
&area id="xinjiang" alt="新疆" href="forum.php?gid=30" coords="85,140,111,152" shape="rect"&
&area id="xizang" alt="西藏" href="forum.php?gid=31" coords="87,249,113,261" shape="rect"&
&area id="xianggang" alt="香港" href="forum.php?gid=32" coords="379,358,406,370" shape="rect"&
&area id="aomen" alt="澳门" href="forum.php?gid=33" coords="349,371,375,383" shape="rect"&
&area id="taiwan" alt="台湾" href="forum.php?gid=34" coords="434,322,448,348" shape="rect"&
希望本文所述对大家的jquery程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具
