分类目录归档:UI

Bootstrap 模态DIV导致导航菜单热点异常一例

最近在看Bootstrap框架,发现加入模态窗口代码后,导航菜单的热点总是出现问题。但模态弹窗出现过一次导航菜单热点就恢复正常,经过n次试验,使用chrome的查看元素功能,发现弹窗关闭时模态div属性增加了style=”display:none”;尝试在模态div的代码中增加了这个属性,页面初始化后导航热点恢复工作。

JS获取IP地址对应城市的接口

1.获取IP地址的API

新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42

搜狐IP地址查询接口(默认GBK):http://pv.sohu.com/cityjson

搜狐IP地址查询接口(可设置编码):http://pv.sohu.com/cityjson?ie=utf-8

有道xml

http://www.youdao.com/smartresult-xml/search.s?type=ip&q=115.156.238.114

淘宝IP地址库API http://ip.taobao.com/service/getIpInfo.php?ip=[ip地址字串]

 

JQuery的调用方式(以新浪为例,其他类似):

$.ajax({url: “http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=” + ip,
dataType: “script”,
async:true,
cache:true,
success: function(){
$(“#” + id).text(“[“+remote_ip_info.city+”]”);
}
});