美化演示教程简介浏览器自带的alt和title提示太丑了，所以我们需要美化一下，百度有许多，不过对我们这些小白来说很难。第一步放以下js到公用js里面var sweetTitles = { x: 10, y: 20, tipElements: "a,span,img,div ", noTitle: false, init: function() { var b = this.noTitle; $(this.tipElements).each(function() { $(this).mouseover(function(e) { if (b) { isTitle = true } else { isTitle = $.trim(this.title) != '' } if (isTitle) { this.myTitle = this.title; this.title = ""; var a = "<div class='tooltip'><div class='tipsy-arrow tipsy-arrow-n'></div><div class='tipsy-inner'>" + this.myTitle + "</div></div>"; $('body').append(a); $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }).show('fast') } }).mouseout(function() { if (this.myTitle != null) { this.title = this.myTitle; $('.tooltip').remove() } }).mousemove(function(e) { $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }) }) }) } }; $(function() { sweetTitles.init() });第二步css也是/*tips*/ .tooltip { font-size:12px; position:absolute; padding:5px; z-index:100000; opacity:.8; font-family:Microsoft Yahei } .tipsy-arrow { position:absolute; width:0; height:0; line-height:0; border:6px dashed #000; top:0; left:20%; margin-left:-5px; border-bottom-style:solid; border-top:0; border-left-color:transparent; border-right-color:transparent } .tipsy-arrow-n { border-bottom-color:#666 } .tipsy-inner { background-color:#666; color:#FFF; max-width:200px; padding:5px 8px 4px 8px; text-align:center; border-radius:3px }

很多时候这是由于某种原因还要禁止某种地区的IP访问，或是某种地区访问跳出至其余页面，假如应用禁止IP段形式颇为麻烦，难以精确的到达作用的效果，接下来介绍下相关JS代码来到达禁止特定地区访问或是跳出其余地址形式。代码一（禁止省级访问）：<script type="text/javascript" src="https://ip.ws.126.net/ipquery"></script> <script> var province=localAddress.province;//获取所在省，比如陕西省 var city=localAddress.city;//获取所在市，比如西安市 //判断省 if(province.indexOf('陕西') != -1){ alert("禁止访问");//不想有提示，可以删除此行 location.href="http://4dn.net"; //要跳转的地址，想要为空将网址替换为about:blank 　} </script>代码二（禁止市级访问）：<script type="text/javascript" src="https://ip.ws.126.net/ipquery"></script> <script> var province=localAddress.province;//获取所在省，比如陕西省 var city=localAddress.city;//获取所在市，比如广州市 //判断市 if(city.indexOf('西安') != -1){ alert("禁止访问");//不想有提示，可以删除此行 location.href="http://4dn.net"; //要跳转的地址，想要为空将网址替换为about:blank } </script>原理：应用IP辨别接口辨别访问者IP，假如访问者IP是限制地区IP将完成拦截跳出，假如还要访问者打不开将跳出地址设制为空页面，还要使用到的同学需要按照需要确定完成应用。 

http://wthrcdn.etouch.cn/weather_mini?city=（输入需要查询的地区名称）例如；http://wthrcdn.etouch.cn/weather_mini?city=广州输入查询后将返回josn数据结果{ "data": { "yesterday": { "date": "19日星期一", "high": "高温 36℃", "fx": "西北风", "low": "低温 26℃", "fl": "<![CDATA[2级]]>", "type": "小雨" }, "city": "广州", "forecast": [{ "date": "20日星期二", "high": "高温 34℃", "fengli": "<![CDATA[2级]]>", "low": "低温 24℃", "fengxiang": "东风", "type": "小雨" }, { "date": "21日星期三", "high": "高温 32℃", "fengli": "<![CDATA[2级]]>", "low": "低温 24℃", "fengxiang": "东南风", "type": "小雨" }, { "date": "22日星期四", "high": "高温 33℃", "fengli": "<![CDATA[2级]]>", "low": "低温 24℃", "fengxiang": "东南风", "type": "多云" }, { "date": "23日星期五", "high": "高温 35℃", "fengli": "<![CDATA[2级]]>", "low": "低温 25℃", "fengxiang": "东南风", "type": "中雨" }, { "date": "24日星期六", "high": "高温 35℃", "fengli": "<![CDATA[2级]]>", "low": "低温 25℃", "fengxiang": "东南风", "type": "小雨" }], "ganmao": "感冒易发期，外出请适当调整衣物，注意补充水分。", "wendu": "33" }, "status": 1000, "desc": "OK" }