广西南宁市 2016-05-12 17:01

#0

阅读 2806.5万

常用html、demo代码

a标签的onclick与href的执行顺序
onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）
同时存在两个定义的时候（onclick与href都定义了），如果想阻止href的动作，在onclick必须加上return false;
在href中定义的函数如果有返回值的话，当前页面的内容将被返回值代替。

A标签触发onclick事件而不跳转

<a href="#" onclick="return test();">href onclick</a>
<script>
function test(){
	//alert('teswt');
	return false;
	//return true;
}
</script>

查看文章跳到评论

广西南宁市 2016-05-07 21:31

#0

阅读 2806.5万

常用html、demo代码

yourphp
分页手机版本问题移动设备li

<?php
$pages= str_ireplace('</a>','</a></li>',$pages);
$pages= str_ireplace('<a','<li style="display: inline-block;"><a',$pages);

查看文章跳到评论

广西南宁市 2016-05-07 16:14

#0

阅读 26.5万

CSS Bugs 解决方案说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51 Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法： #test{overflow:hidden;height:1px;font-size:0;line-height:0;} IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？方法： #test{display:inline;} 当在IE6及更早浏览器中出现浮动后margin值解析为双倍的情况，设置该元素的display属性为inline即可。如何在IE6及更早浏览器下模拟min-height效果？方法： #test{min-height:100px;_height:100px;} 注意此时#test不能再设置overflow的值为hidden，否则模拟min-height效果将失效如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题？方法： input,button{overflow:visible;} 如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG？方法： li{vertical-align:top;} 除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以如何解决IE6及更早浏览器下的3像素BUG？方法： .a{color:#f00;} .main{width:950px;background:#eee;} .content{float:left;width:750px;height:100px;background:#ccc;_margin-right:-3px;} .aside{height:100px;background:#aaa;}

content

aside

在IE6及更早浏览器下为.content设置margin-right:-3px；也可以设置.aside为浮动如何解决IE6下的文本溢出BUG（江湖匪号：“谍影重重”或“一只猪的故事”）？ BUG重现： .test{zoom:1;overflow:hidden;width:500px;} .box1{float:left;width:100px;} .box2{float:right;width:400px;}

↓这就是多出来的那只猪

运行如上代码，你会发现文字发生了溢出，在IE6下会多出一只“猪”。造成此BUG的原因可能是多重混合的，如浮动，注释，宽高定义等等。并且注释条数越多，溢出的文本也会随之增多。列举几个解决方法：　删除box1和box2之间所有的注释；　不设置浮动；　调整box1或box2的宽度，比如将box的宽度调整为90px 如何解决IE6使用滤镜PNG图片透明后，容器内链接失效的问题？方法： div{width:300px;height:100px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='*.png');} a{_position:relative;} 解决方法是为容器内的链接定义相对定位属性position的值为relative 如何解决IE6无法识别伪对象:first-letter/:first-line的问题？方法1： p:first-letter {float:left;font-size:40px;font-weight:bold;} p:first-line {color:#090;} 增加空格：在伪对象选择符:first-letter/:first-line与包含规则的花括号"{"间增加空格。方法2： p:first-letter {float:left;font-size:40px;font-weight:bold;} p:first-line {color:#090;} 换行：将整个花括号"{"规则区域换行。细节参见E:first-letter和E:first-line选择符如何解决IE8会忽略伪对象:first-letter/:first-line里的!important规则的问题？ BUG重现： p:first-letter {float:left;font-size:40px;font-weight:bold;color:#f00!important;color:#090;} 如上代码，在IE8下color定义都会失效，原因就是因为有color使用了!important规则。鉴于此，请尽量不要在:first-letter/:first-line里使用!important规则。如何解决IE6会忽略同一条样式体内的!important规则的问题？ BUG重现： div{color:#f00!important;color:#000;} 如上代码，IE6及以下浏览器div的文本颜色为#000，!important并没有覆盖后面的规则，也就是说!important被忽略了。解决方案是将该样式拆分为2条，细节参见!important规则如何解决IE6及更早浏览器下当li内部元素是定义了display:block的内联元素时底部产生空白的问题？ BUG重现： a,span{display:block;background:#ddd;}

CSS参考手册
CSS探索之旅
web前端实验室
测试li内部元素为设置了display:block的内联元素时底部产生空白

如上代码，IE6及更早浏览器每个li内部的内联元素底部都会产生空白。解决方案是给li内部的内联元素再加上zoom:1 如何解决IE6及更早浏览器下未定义宽度的浮动或绝对定位元素会被内部设置了zoom:1的块元素撑开的问题？ BUG重现： #test{zoom:1;overflow:hidden;border:1px solid #ddd;background:#eee;} #test h1{float:left;} #test .nav{float:right;background:#aaa;} #test .nav ul{zoom:1;overflow:hidden;margin:0;padding:0;list-style:none;} #test .nav li{float:left;margin:0 5px;}

Doyoe

如上代码，IE6及更早浏览器div.nav会被设置了zoom:1的ul给撑开。列举几个解决方法：　设置ul为浮动元素；　设置ul为inline元素；　设置ul的width 如何解决IE7及更早浏览器下子元素相对定位时父元素overflow属性的auto|hidden失效的问题？ BUG重现： div{overflow:auto;width:260px;height:80px;border:1px solid #ddd;} p{position:relative;margin:0;}

如果我是相对定位，我的父元素overflow属性设置为auto|hidden将失效。如果你使用的是IE及更早浏览器，你将可以看到这个BUG

如上代码，在IE7及更早浏览器下你会看到div的滚动条将无法工作。解决方案是给div也设置相对定位position:relative 如何解决Chrome在应用transition时页面闪动的问题？方法： -webkit-transform-style:preserve-3d;或-webkit-backface-visibility:hidden; 在Chrome下，使用过渡效果transition时有时会出现页面闪动

查看文章跳到评论

广西南宁市 2016-05-07 16:13

#0

阅读 26.5万

CSS技巧和经验

CSS 其他技巧说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51 其它技巧和经验列表（以下实例默认运行环境都为Standard mode）：如何让层在falsh上显示？方法：设置flash的wmode值为transparent或opaque 如何使用标准的方法在页面上插入flash？方法：至于flash的宽高可以在css里设置如何在点文字时也选中复选框或单选框？方法1：选项一选项二选项一选项二该方式所有主流浏览器都支持方法2：选项一选项二选项一选项二该方式相比方法1更简洁，但IE6及更早浏览器不支持 IE下如何对Standard Mode与Quirks Mode进行切换？ IE6的触发（在DTD申明前加上XML申明）： IE5.5及更早浏览器版本直接以Quirks Mode解析。所有IE版本的触发（在DTD申明前加上HTML注释）：当没有DTD声明时，所有IE版本也会进入Quirks Mode。如何区别display:none与visibility:hidden？方法：相同的是display:none与visibility:hidden都可以用来隐藏某个元素；不同的是display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。如何设置IE下的iframe背景透明？方法：设置iframe元素的标签属性allowtransparency="allowtransparency"然后设置iframe内部页面的body背景色为transparent。不过由此会引发IE下一些其它问题，如：设置透明后的iframe将不能遮住select

查看文章跳到评论

广西南宁市 2016-05-06 14:49

#0

阅读 2806.5万

常用html、demo代码

+Math.random();
js随机函数

查看文章跳到评论

广西南宁市 2016-05-05 10:05

#0

阅读 38.6万

提高PHP代码质量的36计

17. 不要直接使用 $_SESSION 变量。也可以公共文件中不同name区分,其他就不用改了：
session_name('MANAGER');
session_start();
19. 使用str_replace取代preg_replace 。使用strtr代替str_replace
为啥不能用行if？？ $a && ++$a_count;呢

查看文章跳到评论

广西南宁市 2016-05-04 14:50

#0

阅读 2806.5万

常用html、demo代码

父容器高度大于子图片高度的原因
div高度比图片高度大。
原因：img是inline元素，有假想元素。基于baseline定位时，父容器高度为假想元素的下半部分高度+图片高度。
解决方法：即消除假想元素影响。可以是 img { display: block; }; 可以是 div { line-height: 0}; 可以是img { vertical-align: middle//也可以是其他值 }; 可以是 div { font-size: 0};

查看文章跳到评论

云南省昆明市呈贡县 2016-04-29 19:40

#0

阅读 38.3万

我对“Hello World”30年的爱恨情仇

显示进度的效果好棒，是怎么做到的呀？

查看文章跳到评论

广西南宁市 2016-04-20 18:30

#0

阅读 47.2万

利用百度API(js)通过地址获取经纬度

可以使用方法：
BMapLib.GeoUtils.isPointInPolygon(point, polygon) Boolean
判断点是否多边形内

例子：
var _ppoints = [
new BMap.Point(120.220588,30.26135),
new BMap.Point(120.218863,30.258449),
new BMap.Point(120.222618,30.256702),
new BMap.Point(120.224748,30.25926),
new BMap.Point(120.220588,30.26135)];
var pppoint = new BMap.Point(120.222043,30.259197);
var result = BMapLib.GeoUtils.isPointInPolygon(pppoint, _ppolygon);
alert("result:"+result);

返回结果为 true;

另外我查找api ，判断一个点是否在可视范围内，
BMapLib.GeoUtils.isPointInRect(point, bounds) Boolean
判断点是否在矩形内

不管我怎么调，都是报错，报lng不存在，请遇到类似问题的兄弟指点一下。

查看文章跳到评论

广西南宁市 2016-04-20 18:29

#0

阅读 47.2万

利用百度API(js)通过地址获取经纬度

判断点是否在多边形内:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>GeoUtils示例</title>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
  <style type="text/css">
  table {
    font-size: 14px;
  }
  </style>
</head>
<body>
  <div style="float:left;width:600px;height:500px;border:1px solid gray" id="container"></div>
  <div style="float:left;width:300px;height:500px;border:1px solid gray" id="control">
    <table style="width:100%;">
      <tr>
        <td colspan="2">判断点是否在多边形内:</td>
      </tr>
      <tr>
        <td><input type="button" value="多边形1" onclick="polygon1()" /></td>
      </tr>
      <tr>
        <td><input type="button" value="多边形2" onclick="polygon2()" /></td>
      </tr>
      <tr>
        <td>经度<input type="text" value="" id="lng"></td>
      </tr>
      <tr>
        <td>纬度<input type="text" value="" id="lat"></td>
      </tr>
      <tr>
        <td>结果：</td>
      </tr>
      <tr>
        <td><p id="result" style="color:red"></p></td>
      </tr>
    <table>
  </div>
</body>
</html>
<script type="text/javascript">
  var map = new BMap.Map("container");
  var pt = new BMap.Point(116.404, 39.915);
  var mkr = new BMap.Marker(pt);
  var ply; //多边形
  map.centerAndZoom(pt, 16);
  map.enableScrollWheelZoom(); //开启滚动缩放
  map.enableContinuousZoom(); //开启缩放平滑
  //初始化为多边形1
  polygon1();
  //生成多边形1
  function polygon1() {
    var pts = [];
    var pt1 = new BMap.Point(116.395, 39.910);
    var pt2 = new BMap.Point(116.394, 39.914);
    var pt3 = new BMap.Point(116.403, 39.920);
    var pt4 = new BMap.Point(116.402, 39.914);
    var pt5 = new BMap.Point(116.410, 39.913);
    pts.push(pt1);
    pts.push(pt2);
    pts.push(pt3);
    pts.push(pt4);
    pts.push(pt5);
    ply = new BMap.Polygon(pts);
    //演示：将面添加到地图上
    map.clearOverlays();
    map.addOverlay(ply);
  }
  //生成多边形2
  function polygon2() {
    var pts = [];
    var pt1 = new BMap.Point(116.395, 39.910);
    var pt2 = new BMap.Point(116.394, 39.914);
    var pt3 = new BMap.Point(116.396, 39.919);
    var pt4 = new BMap.Point(116.406, 39.920);
    var pt5 = new BMap.Point(116.410, 39.913);
    pts.push(pt1);
    pts.push(pt2);
    pts.push(pt3);
    pts.push(pt4);
    pts.push(pt5);
    ply = new BMap.Polygon(pts);
    //演示：将多边形添加到地图上
    map.clearOverlays();
    map.addOverlay(ply);
  }
  //map.addEventListener("click", function (e) {
    mkr.setPosition(map.addEventListener.point);
    map.addOverlay(mkr);
    //将点击的点的坐标显示在页面上
    document.getElementById("lng").value = '116.410926';//e.point.lng;
    document.getElementById("lat").value = '39.917089';//e.point.lat;
    InOrOutPolygon('116.410926', '39.917089');
  //});
  function InOrOutPolygon(lng, lat){
    var pt = new BMap.Point(lng, lat);
    var result = BMapLib.GeoUtils.isPointInPolygon(pt, ply);
    if (result == true) {
      document.getElementById("result").innerHTML = "点在多边形内";
    } else {
      document.getElementById("result").innerHTML = "点在多边形外";
    }
  }
</script>

查看文章跳到评论

广西南宁市 2016-04-20 18:28

#0

阅读 47.2万

利用百度API(js)通过地址获取经纬度

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
<title>百度地图获取经纬度标注 lizhenqiu.com</title>
<style>
 #map_container {
 width: 1005px;
 margin: 0 auto;
}

 #rMap {
 width: 600px;
 height: 500px;
 float: left;
}

 #lSearch {
 width: 300px;
 height: 500px;
 float: left;
}

 td {
 width: 100px;
}
</style>
 <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
 <script type="text/javascript"src="http://api.map.baidu.com/api?v=1.3"></script>
 <script type="text/javascript"
src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
 <link rel="stylesheet"href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
</head>
<body>
lng<input type="text"id="longitude" />
lat<input type="text"id="latitude" />

<div class="bg_cover"></div>
<div id="map_container">
 <div id="rMap"></div>
 
</div>
<script>
 $(function () {
 var map = new BMap.Map("rMap");//创建地图实例
 var point = new BMap.Point(108.330585, 22.815506);//初始设置地图中心点，为天安门
 map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("金外滩大厦");
 map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
 map.centerAndZoom(point, 15);
creatMarker();
//$("#btnSearch").click(function () {
 var txt = '南宁市中山路66号金外滩商务大厦1301';//$(".txtProvince").val() + $(".txtCity").val() + $(".txtDetail").val();
 var lng, lat;
 if (txt !="") {
 var localSearch = new BMap.LocalSearch(map);
map.clearOverlays();//清空原来的标注
 localSearch.setSearchCompleteCallback(function (searchResult) {
 var poi = searchResult.getPoi(0);
 lng = poi.point.lng;
 lat = poi.point.lat;
 map.centerAndZoom(poi.point, 15);
 point = new BMap.Point(poi.point.lng, poi.point.lat);
creatMarker();
});
localSearch.search(txt);
}
//})
//创建地图遮盖物
 function creatMarker() {
 var marker = new BMap.Marker(point); // 创建标注
 map.addOverlay(marker); // 将标注添加到地图中
 marker.enableDragging(); //标注可拖拽
 /*
 marker.addEventListener("click", function (e) {
searchInfoWindow.open(marker);
})*/
 //marker.addEventListener("dragend", function (e) { //监听标注的dragend事件，获取拖拽后地理坐标
$("#longitude").val(marker.point.lng);
$("#latitude").val(marker.point.lat);
 var pt = marker.point;
//})
/*
 var label = new BMap.Label("广西南宁青秀区金外滩商务大厦", {offset: new BMap.Size(20, -10)});
marker.setLabel(label);
 map.addOverlay(marker); //在地图中添加marker
 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画*/
};
})
</script>
</body>
</html>

查看文章跳到评论

广西南宁市 2016-04-19 09:30

#0

阅读 57.9万

但凡能红的持久的，必是智商或者情商极高的

这个世界的出路在哪里？
我盯着EXIT不禁陷入了沉思

查看文章跳到评论

广西南宁市 2016-04-19 09:10

#0

阅读 57.9万

但凡能红的持久的，必是智商或者情商极高的

主要是papi酱火得太突然了，来不及学会技术性吐槽，所以在她最好的时光里被广电总局给盯上了，下令整改意味着过往的视频可能都得废了，以后吐槽也要勒紧舌头吐槽了。只恨太年轻，从来没红过，所以面对突如其来的红可能有些不知所措了。

查看文章跳到评论

广西南宁市 2016-04-18 15:45

#0

阅读 1192.8万

成功的故事只能倒叙着讲

你所关注的人，决定了你看到的世界。

查看文章跳到评论

广西南宁市 2016-04-18 15:01

#0

阅读 1192.8万

成功的故事只能倒叙着讲

一个男的吹牛说家庭地位高：家里大事我说了算，小事媳妇说了算。媳妇说：那些事是大事，那些是事是小事，我说了算。

查看文章跳到评论

北京市 2016-04-18 02:29

#0

阅读 1192.8万

成功的故事只能倒叙着讲

望远镜能帮你看清前进的目标，却不能缩短要走的路程。

查看文章跳到评论

广西南宁市 2016-04-16 19:16

#0

阅读 100.1万

Weiphp微官网框架修改使用说明

weiphp3.0新修改数据库表
wp_auth_group_access 所在用户组
wp_manager 公众号
wp_manager_menu
wp_public
wp_public_auth
wp_public_follow 关注用户
wp_public_group
wp_public_link

查看文章跳到评论

北京市 2016-04-13 23:17

#0

阅读 2806.5万

常用html、demo代码

把字符串 "Hello world!" 中的字符 "WORLD"（不区分大小写）替换成 "Shanghai"：

<?php
echo str_ireplace("WORLD","Shanghai","Hello world!");
?>

I('post.id',0,'intval'); // 用intval过滤$_POST['id']
I('get.title','','strip_tags'); // 用strip_tags过滤$_GET['title']

查看文章跳到评论

北京市 2016-04-13 23:14

#0

阅读 2806.5万

常用html、demo代码

<?php
$arr = array(1, 2, 3, 4);
foreach ($arr as &$value) {
    $value = $value * 2;
}
// $arr is now array(2, 4, 6, 8)
?>

查看文章跳到评论

广西南宁市 2016-04-11 21:13

#0

阅读 2806.5万

常用html、demo代码

判断是否选择checkbox

document.getElementById("iswtf").checked

查看文章跳到评论

lizhenqiu blog

最新评论聚合

常用html、demo代码

常用html、demo代码

CSS技巧和经验

Doyoe

CSS技巧和经验

常用html、demo代码

提高PHP代码质量的36计

常用html、demo代码

我对“Hello World”30年的爱恨情仇

利用百度API(js)通过地址获取经纬度

利用百度API(js)通过地址获取经纬度

利用百度API(js)通过地址获取经纬度

但凡能红的持久的，必是智商或者情商极高的

但凡能红的持久的，必是智商或者情商极高的

成功的故事只能倒叙着讲

成功的故事只能倒叙着讲

成功的故事只能倒叙着讲

Weiphp微官网框架修改使用说明

常用html、demo代码

常用html、demo代码

常用html、demo代码