评论 - lizhenqiu blog

#¹⁹⁰¹

作者：广西南宁市

404错误html页面模板

<style>#box_404 {width: 476px;margin: 0 auto;padding-top: 300px;background: url(https://out.img.pan.lizhenqiu.com/7cfa8f535ebef506c52d7f155e76d7381488966070000) no-repeat;
}#title_404 {width: 500px;margin-left: 0;}a {text-decoration: none;color: #21B1C4;}h1 {font-size: 1.835em;margin-bottom: 10px;color: #ABC469;
}.title {height: 40px;width: 425px;margin-left: 15px;position: relative;overflow: hidden;clear: both;}</style><div id="box_404"><h1 id="title_404" class="title"><span></span>对不起，你访问的页面出了问题。。。。</h1>						<p><a href="https://lizhenqiu.com/">返回首页</a></p>                    </div>

Run code

Cut to clipboard

文章：常用html、demo代码发表时间：2017-03-08, 17:48:16

展开↯

#¹⁹⁰²

作者：广西南宁市

简单拖曵原理实例
<script>
function bigimg(srcs,tt){
	if(!srcs) var srcs='35574339ab3c813';
	//页面层

	layer.open({
		title:'<i class="fi-flag" style="font-size: 18px;margin-right:10px;"></i>'+tt+'<span style="font-size: 12px;margin-left:10px;color:green;"><i class="fi-lightbulb"></i>滚动鼠标放大缩小 按住左键拖动</span>',
		move: false,
	  type: 2,
	  //scrollbar: false,
	  skin: 'layui-layer-rim', //加上边框
	  area: ['100%', '100%'], //宽高
	  content: 'img.php?srcs='+srcs
	});
	//immmms()();
}</script>

Run code

Cut to clipboard

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简单拖曵原理实例</title>
    <style type="text/css">
        #drag{width:400px;height:300px;background:url(http://upload.yxgz.cn/uploadfile/2009/0513/20090513052611873.jpg);position:absolute;top:100px;left:100px;border:solid 1px #ccc;}
        h2{color:#fff;background: none repeat scroll 0 0 rgba(16, 90, 31, 0.7);color:#FFFFFF;height:40px;line-height:40px;margin:0;}
    </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript">
 
 
    </script>
</head>
 
<body>
    <div id="drag">
        <h2>来拖动我啊</h2>
    </div>
</body>
</html>

Run code

Cut to clipboard

js鼠标滚动图片等比例缩放代码
图片鼠标滚轮放大效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js鼠标滚动图片等比例缩放代码</title>

<style type="text/css">
img{
	position: absolute;
	left:400px;
	top: 100px;
}
</style>

<script type="text/javascript" src="wheel.js"></script>
<script type="text/javascript">
window.onload=function (){
	//var oImg=document.getElementsByTagName("img")[0];
	var oImg=document.getElementById('imgjjjjs');
	fnWheel(oImg,function (down,oEvent){

		var oldWidth=this.offsetWidth;
		var oldHeight=this.offsetHeight;
		var oldLeft=this.offsetLeft;
		var oldTop=this.offsetTop;

		var scaleX=(oEvent.clientX-oldLeft)/oldWidth;//比例
		var scaleY=(oEvent.clientY-oldTop)/oldHeight;

		if (down){
			this.style.width=this.offsetWidth*0.9+"px";
			this.style.height=this.offsetHeight*0.9+"px";
		}
		else{
			this.style.width=this.offsetWidth*1.1+"px";
			this.style.height=this.offsetHeight*1.1+"px";
		}

		var newWidth=this.offsetWidth;
		var newHeight=this.offsetHeight;

		this.style.left=oldLeft-scaleX*(newWidth-oldWidth)+"px";
		this.style.top=oldTop-scaleY*(newHeight-oldHeight)+"px";
	});
}	
</script>
</head>
<body>

<div><img src="http://li.img.pan.lizhenqiu.com/f07ac1c21c09a4b8d99446b1137560a7.jpg" alt="" width="300" id="imgjjjjs"></div>

</body>
</html>

Run code

Cut to clipboard

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="wheel.js"></script>
<style>
*{padding:0px;margin:0px;}
.classsss{padding-top:2.5%;text-align: center;/*background: url(5-130H2191322-52.gif);*/width: 100%;height: 100%;/*background-repeat: no-repeat;background-position: center 20%;*/}
.classssooo{max-width:95%;padding-bottom:2.5%;}
#drag{
cursor:move;
	/*position: absolute;
	top:0px;
	left:0px;*/
}

</style>

</head>

<body>
<div id="dragdrag" class="classsss">
<img id="drag" src="u/<?php echo $_GET['srcs'];?>.jpg" class="classssooo" />
</div>
<script type="text/javascript">
niii=0;
window.onload=function (){
	//var oImg=document.getElementsByTagName("img")[0];
	var oImg=document.getElementById('drag');
	//alert(oImg.offsetWidth);
	/*niii=0;
	if(!niii){
		niii=1;
		$('#drag').css({'top':'2.5%','left':'50%','marginLeft':'-'+(oImg.offsetWidth/2)+'px','position':'absolute'});
	}*/
	fnWheel(oImg,function (down,oEvent){
		

		var oldWidth=this.offsetWidth;
		var oldHeight=this.offsetHeight;
		var oldLeft=this.offsetLeft;
		var oldTop=this.offsetTop;
		if(!niii){
			$("#dragdrag").removeClass('classsss');
			$("#drag").removeClass('classssooo');
			$('#drag').css({'position':'absolute'});
			//oldTop='2.5%';
		}
		niii=1;
		var scaleX=(oEvent.clientX-oldLeft)/oldWidth;//比例
		var scaleY=(oEvent.clientY-oldTop)/oldHeight;

		if (down){
			//$("div").removeClass('classsss');
			//$("img").removeClass('classssooo');
			this.style.width=this.offsetWidth*0.9+"px";
			this.style.height=this.offsetHeight*0.9+"px";
			
			/*var newWidthsss=this.offsetWidth*0.9;
			var newHeightsss=this.offsetHeight*0.9;*/
		}
		else{
			//$("div").removeClass('classsss');
			//$("img").removeClass('classssooo');
			this.style.width=this.offsetWidth*1.1+"px";
			this.style.height=this.offsetHeight*1.1+"px";
			
			/*var newWidthsss=this.offsetWidth*1.1;
			var newHeightsss=this.offsetHeight*1.1;*/
		}

		var newWidth=this.offsetWidth;
		var newHeight=this.offsetHeight;
		
		/*if(newWidthsss>document.getElementById('fdasfdasfdsa').offsetWidth){
			$("div").removeClass('classsss');
			$("img").removeClass('classssooo');
		}*/
		

		this.style.left=oldLeft-scaleX*(newWidth-oldWidth)+"px";
		this.style.top=oldTop-scaleY*(newHeight-oldHeight)+"px";
	});
}	



       $(function(){
            /*--------------拖曳效果----------------
            *原理：标记拖曳状态dragging ,坐标位置iX, iY
            *         mousedown:fn(){dragging = true, 记录起始坐标位置，设置鼠标捕获}
            *         mouseover:fn(){判断如果dragging = true, 则当前坐标位置 - 记录起始坐标位置，绝对定位的元素获得差值}
            *         mouseup:fn(){dragging = false, 释放鼠标捕获，防止冒泡}
            */
            var dragging = false;
            var iX, iY;
            $("#drag").mousedown(function(e) {
			
			

			
			
                dragging = true;
                iX = e.clientX - this.offsetLeft;
                iY = e.clientY - this.offsetTop;
                this.setCapture && this.setCapture();
                return false;
            });
            document.onmousemove = function(e) {
                if (dragging) {
                var e = e || window.event;
                var oX = e.clientX - iX;
                var oY = e.clientY - iY;
                $("#drag").css({"left":oX + "px", "top":oY + "px"});
				
				
		if(!niii){
			$("#dragdrag").removeClass('classsss');
			$("#drag").removeClass('classssooo');
			$('#drag').css({'position':'absolute'});
			//oldTop='2.5%';
		}
		niii=1;
				
				
				
				
				
                return false;
                }
            };
            $(document).mouseup(function(e) {
                dragging = false;
                $("#drag")[0].ReleaseCapture && $("#drag")[0].ReleaseCapture();
                e.cancelBubble = true;
            })
 
        })






</script>





</body>

</html>

Run code

Cut to clipboard

文章：jquery简单的拖动效果发表时间：2017-03-08, 09:27:33

展开↯

#¹⁹⁰³

作者：广西南宁市

妹子滚床单不
滚！
——薛定谔的滚

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-06, 10:51:08

展开↯

#¹⁹⁰⁴

作者：广西南宁市

百度，腾讯，360没一个好鸟
作为一名用户，真心感受是：既然无论选择谁都要被强奸，唯有选一个温柔一点的

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-06, 09:57:29

展开↯

#¹⁹⁰⁵

作者：广西南宁市

生活腔调
你是爱国，还是恨这个世界？

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-06, 09:40:03

展开↯

#¹⁹⁰⁶

作者：广西南宁市

站在深圳思考问题，和站在北京思考问题，还是完全不一样的。

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-06, 09:37:29

展开↯

#¹⁹⁰⁷

作者：广西南宁市

var_dump打印出来格式太乱怎么调，美化php调式代码debug格式化数组打印输出

文章：自定义数组格式化输出函数（dump），调试程序时很有用发表时间：2017-03-04, 17:45:35

展开↯

#¹⁹⁰⁸

作者：广西南宁市

echo "<pre>";
print_r($res);
echo "</pre>";

Run code

Cut to clipboard

如果你想完全保留原有数组并只想新的数组附加到后面，用 + 运算符：

<?php
$array1 = array();
$array2 = array(1 => "data");
$result = $array1 + $array2;
?>

Run code

Cut to clipboard

数字键名将被保留从而原来的关联保持不变。

文章：自定义数组格式化输出函数（dump），调试程序时很有用发表时间：2017-03-04, 17:44:20

展开↯

#¹⁹⁰⁹

作者：广西南宁市

比学心肺复苏术更重要的是让别人学这个。

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-04, 14:40:38

展开↯

#¹⁹¹⁰

作者：广西南宁市

好想知道，我葬礼上用的那张照片是否已经被拍出来了。

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-04, 14:40:15

展开↯

#¹⁹¹¹

作者：广西南宁市

如果每一个人眼里的颜色的确都不一样，有没有可能所有人最喜欢的颜色其实是一种颜色？

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-04, 14:39:57

展开↯

#¹⁹¹²

作者：广西南宁市

easydb
PHP-PDO-MySQL-Class

文章：PDO 解决数据库乱码方法发表时间：2017-03-04, 14:20:17

展开↯

#¹⁹¹³

作者：广西南宁市

eot - application/vnd.ms-fontobject
ttf ttc - application/x-font-ttf
otf - font/opentype
woff - application/x-font-woff
svg - image/svg+xml

Run code

Cut to clipboard

文章：web服务器字体.svg/.woff/.woff2 404异常解决方案发表时间：2017-03-04, 14:11:51

展开↯

#¹⁹¹⁴

作者：广西南宁市

笑可以假笑，但叹气往往都是真的

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-04, 10:50:28

展开↯

#¹⁹¹⁵

作者：广西南宁市

Html、js代码在线运行源码 html实体转换字符，编辑器运行html

文章：jQuery判断当前元素是第几个元素&获取第N个元素发表时间：2017-03-03, 15:43:07

展开↯

#¹⁹¹⁶

作者：广西南宁市

JS Replace 全部替换字符用法

<script language="javascript">
var r= "1\n2\n3\n";
//将字母\n替换成分号
alert(r.replace("\n",";"));

结果：1;2\n3\n 只替换了第一个
</script>

<script language="javascript">
var r= "1\n2\n3\n";
//将字母\n替换成分号
alert(r.replace(/\n/g, ";"));

结果：1;2;3; replace 的第一个参数可以是正则表达式，/g标识全文匹配。
</script>

Run code

Cut to clipboard

文章：jQuery判断当前元素是第几个元素&获取第N个元素发表时间：2017-03-03, 15:34:05

展开↯

#¹⁹¹⁷

作者：广西南宁市

	$(document).ready(function(){
  $(".runcodenow").click(function(){
		var index = $(".runcodenow").index(this);
		var element=$('code').eq(index);
		var runcode=$(element).html();
		

		runCodenew(runcode);
  });
});
function runCodenew(runcode) {
	var winname = window.open('', "_blank", '');
	var obj = runcode;
	//alert(obj);
	//obj = obj.replace(/&nbsp;/g,' ');
	obj=htmlencode(obj);
	
	obj=htmlspecialchars_decode(obj);
	winname.document.open('text/html', 'replace');
	winname.opener = null // 防止代码对论谈页面修改
	winname.document.write(obj);
	winname.document.close();
}
function htmlencode(s){  
    var div = document.createElement('div');  
    div.appendChild(document.createTextNode(s));  
    return div.innerHTML;  
}  
function htmldecode(s){  
    var div = document.createElement('div');  
    div.innerHTML = s;  
    return div.innerText || div.textContent;  
}  
    function htmlspecialchars_decode(str){    
			  

	
              str = str.replace(/&amp;/g, '&'); 
              str = str.replace(/&lt;/g, '<');
              str = str.replace(/&gt;/g, '>');
				str = str.replace(/&nbsp;/g, ' ');
              str = str.replace(/&quot;/g, "''");  
              str = str.replace(/&#039;/g, "'");  
				str = str.replace(/<br>/g, ' ');
				str = str.replace(/<br \/>/g, ' ');
              return str;  
    }

Run code

Cut to clipboard

文章：jQuery判断当前元素是第几个元素&获取第N个元素发表时间：2017-03-03, 15:32:37

展开↯

#¹⁹¹⁸

作者：广西南宁市

对别人的了解越多，越知道自己要如何适应别人，对自己的了解就越少。

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-02, 15:11:10

展开↯

#¹⁹¹⁹

作者：广西南宁市

亲历者利益相关所以不能给出公正的评价
旁观者因为没有亲历信息不全所以也不能给出公正评价
那大概是没有公正这回事的吧

文章：街上如果看到两个姑娘向你走来，可要小心发表时间：2017-03-02, 15:09:33

展开↯

Records:2791 101/147 «‹97 98 99 100 101 102 103 104 105 ›»