最新评论 - 第 41 页 - lizhenqiu blog

贵州省 2018-02-10 21:12

#0

阅读 1504.8万

欢迎！毛片网址。

😬

查看文章跳到评论

广西南宁市 2018-02-10 09:26

#0

阅读 68.1万

如果你身陷地狱，那么就继续前行。——丘吉尔

想到一句歌词：“为什么失去了，还要被惩罚呢。”
我会失去你两次，第一次在分手那天，第二次在你有了新欢之后。

广西南宁市2018-02-10 11:20:37

资本总是向上集中。这才是最大的不平衡

广西南宁市2018-02-10 15:10:45

现在听到感恩这俩字就讨厌……这世界到底怎么了……

广西南宁市2018-02-10 15:15:06

感恩，致敬，正能量………都是有毒的词

广西南宁市2018-02-11 10:01:31

春运就是工作的地方没有家，有家的地方没工作。

广西河池市宜州市2018-02-24 12:25:46

拿什么都刺得穿的矛去刺什么东西都防得住的盾，就会产生因果溢出，重启宇宙。

查看文章跳到评论

广西南宁市 2018-02-09 17:28

#0

阅读 52.5万

关于像素的相关知识移动web开发之像素和DPR

【混乱博物馆】无穷大等于几——从音乐到量子论_趣味科普

查看文章跳到评论

广西南宁市 2018-02-06 15:02

#0

阅读 52.5万

关于像素的相关知识移动web开发之像素和DPR

两个常用的rem布局方式

关于rem
这种技术需要一个参考点，一般都是以<body>的“font-size”为基准。
比如我们设置body，html的字体大小为10px；那么1rem就是10px,
这样一来，我们设置字体大小相当于“14px”时，只需要将其值设置为“1.4em”。
1.手机淘宝一直用的方法：思路是通过js动态的获取设备的DPR（设备像素比），根据dpr来改变标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>

中的属性值；

var dpr, rem, scale;
var docEl = document.documentElement;
var fontEl = document.createElement('style');
var metaEl = document.querySelector('meta[name="viewport"]');

dpr = window.devicePixelRatio || 1;
rem = docEl.clientWidth * dpr / 10;
scale = 1 / dpr;
// 设置viewport，进行缩放，达到高清效果
metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');

// 设置data-dpr属性，留作的css hack之用
docEl.setAttribute('data-dpr', dpr);

// 动态写入样式
docEl.firstElementChild.appendChild(fontEl);
fontEl.innerHTML = 'html{font-size:' + rem + 'px!important;}';


window.dpr = dpr;
window.rem = rem;

此时在dpr=2时1rem=75px;
所以如果我们要设置div的宽度为750px;(注：750px,为设计稿中div的宽度)就要写为：width：750/75*1rem;

最后因为dpr为2，页面scale了0.5，所以在手机屏幕上显示的真实宽高应该是375px，就刚刚好。
如果设置的值不是好算的数字，比如123px,那就很蛋疼了
为了减少计算，在less中可以定义以下函数

.change_val(@name, @px){
    @{name}: @px / 75 * 1rem;
}

这样在less中就可以写为

.container{ 
　　.change_val (width,123); //123是设计稿原值 
　　.unchanged_val(font-size,100)
}

另：在设计中我们一般希望font-size一直固定不变对此：

.unchanged_val(@name, @px){
    @{name}: round(@px / 2) * 1px;
  [data-dpr="2"] & {
      @{name}: @px * 1px;
  }
  // for mx3
  [data-dpr="2.5"] & {
      @{name}: round(@px * 2.5 / 2) * 1px;
  }
  // for 小米note
  [data-dpr="2.75"] & {
      @{name}: round(@px * 2.75 / 2) * 1px;
  }
  [data-dpr="3"] & {
      @{name}: round(@px /*3 / 2) * 1px
  }
  [data-dpr="3.5"] & {
      @{name}: round(@px * 3.5 / 2) * 1px;
  }
  // for 三星note4
  [data-dpr="4"] & {
      @{name}: @px * 2px;
  }
}

2.我们可以以iphone6（375*667）设计稿为原型：

设置css

html {
  font-size: calc(100vw/3.75);
}

这个意思就是设置 html的font-size为100px;

因为这样写比较方便，比如在写一个div宽度为75px时，直接定义width：0.75rem;就可以了
为了避免calc()的兼容性问题，可以加上如下js；

document.documentElement.style.fontSize = window.innerWidth/3.75 + 'px';

查看文章跳到评论

广西南宁市 2018-02-06 14:57

#0

阅读 52.5万

关于像素的相关知识移动web开发之像素和DPR

Javascript获取屏幕的分辨率（PPI/DPI）
获取PPI：

<script>function js_getDPI() {
    var arrDPI = new Array;
    if (window.screen.deviceXDPI) {
        arrDPI[0] = window.screen.deviceXDPI;
        arrDPI[1] = window.screen.deviceYDPI;
    }
    else {
        var tmpNode = document.createElement("DIV");
        tmpNode.style.cssText = "width:1in;height:1in;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
        document.body.appendChild(tmpNode);
        arrDPI[0] = parseInt(tmpNode.offsetWidth);
        arrDPI[1] = parseInt(tmpNode.offsetHeight);
        tmpNode.parentNode.removeChild(tmpNode);    
    }
    return arrDPI;
}
window.onload=function(){
		alert("当前屏幕PPI "+js_getDPI());
}</script>

查看文章跳到评论

广西南宁市 2018-02-06 14:55

#0

阅读 52.5万

由于最小的物理像素差异，一条直线的显示，iphone5它能显示的最小宽度其实是理论上说的0.5px。
　　　　不是所有手机浏览器都能识别border: 0.5px;，ios7以下，android等其他系统里，0.5px会被当成为0px处理
　　　　通常是给元素order-bottom: 1px solid #ddd;，然后通过transform: scaleY(.5)缩小0.5倍来达到0.5px的效果，

.scale{
    position: relative;
}
.scale:after{
    content:"";
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom:1px solid #ddd;
    -webkit-transform:scaleY(.5);
    -webkit-transform-origin:0 0;
}

广西南宁市2018-02-06 14:56:13

通常我们在写移动端时，是按照设计稿标注的像素除以设备的DPR来写真实的像素，
比如在iPhone6上，我们写的20px字体世界上在视觉效应上有20px;
所以当我们写1px边框时，在手机上看起来会变粗变为2px；

查看文章跳到评论

广西南宁市 2018-02-06 14:53

#0

阅读 52.5万

关于像素的相关知识移动web开发之像素和DPR

非常清晰，我的理解DPR就是CSS里设定的尺寸与显示在真机上的，现在很多手机都是自己默认的DPR，比如ip6plus的DPR是3.0，我们写css的时候，宽度和高度是100px，显示在ip6plus上的时候就是300px

查看文章跳到评论

广西南宁市 2018-02-06 14:35

#0

阅读 969.9万

苹果手机alert弹框对话框自定义窗口去掉域名英文标题文字

手机小图标

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAoklEQVQ4T+2T4Q2CMBCFv27CBjgCG+gIjAAbOAIjOIJs4Ai6gRvIBpjXXCOp19T/8pJLoTneXcj3Ah91wAV4bu68xwXoAZ2EzEAmE9AWTB6AelRDyaAx9zgh0wE4ATczcTdIE7wl0oe7wX/8RMHigfQTB3fDdM1IEvYyONdIVEOSqDwCY2Z2NaS/UNbqMSQmvauUPlfbNKpBSdTUVyXSs/XyBlRCNBG20I28AAAAAElFTkSuQmCC

查看文章跳到评论

广西南宁市 2018-02-06 14:33

#0

阅读 37.8万

JS鼠标右键事件

自定义右键菜单

<body>

<script>//requestAnimationFrame兼容写法
if(!window.requestAnimationFrame){
    var lastTime = 0;
    window.requestAnimationFrame = function(callback){
        var currTime = new Date().getTime();
        var timeToCall = Math.max(0,16.7-(currTime - lastTime));
        var id  = window.setTimeout(function(){
            callback(currTime + timeToCall);
        },timeToCall);
        lastTime = currTime + timeToCall;
        return id;
    }
}
if (!window.cancelAnimationFrame) {
    window.cancelAnimationFrame = function(id) {
        clearTimeout(id);
    };
}

//事件处理程序兼容写法
function addEvent(target,type,handler){
    if(target.addEventListener){
        target.addEventListener(type,handler,false);
    }else{
        target.attachEvent('on'+type,function(event){
            return handler.call(target,event);
        });
    }
}

/*******生成元素*******/
var list = document.createElement('ul');
list.id = 'list';
list.innerHTML = '<li id="menuTop">回到顶部</li>\
	<li id="menuFavour">点赞(<span id="favourNum">0</span>赞)</li>\
	<li id="menuCommand">评论</li>';
document.body.appendChild(list);

/*******添加样式**********/
function loadStyles(str){
    var style = document.createElement("style");
    style.type = "text/css";
    try{
        style.innerHTML = str;
    }catch(ex){
        style.styleSheet.cssText = str;
    }
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(style); 
}

loadStyles("#list{margin: 0!important;\
	padding: 0!important;\
	width: 120px;\
	text-align: center;\
	cursor: pointer;\
	font:20px/40px  '宋体';\
	background-color: #eee;\
	position:fixed;\
	display:none;}\
	#list li{list-style:none!important;}\
#list li:hover{background-color: lightblue;color: white;font-weight:bold;}");        


//DOM结构稳定后，再操作
addEvent(window,'load', contextMenuLoad);

function contextMenuLoad(){

	/********显示和隐藏菜单***********/
	addEvent(document,'click',function(){
		list.style.display = 'none';
	})
	//右键点击时，菜单显示
	document.oncontextmenu = function(e){
		e = e || event;
		//通常情况下，菜单的位置就是鼠标的位置
		list.style.left = e.clientX + 'px';
		list.style.top = e.clientY + 'px';
		//当鼠标的位置到视口底部的位置小于菜单的高度，则鼠标的位置为菜单的底部位置
		if(document.documentElement.clientHeight - e.clientY < list.offsetHeight){
			list.style.top = e.clientY - list.offsetHeight + 'px';
		}
		//当鼠标的位置到视口右侧的位置小于菜单的宽度，则视口的右侧为菜单的右侧
		if(document.documentElement.clientWidth - e.clientX < list.offsetWidth){
			list.style.left = document.documentElement.clientWidth - list.offsetHeight + 'px';
		}
		list.style.display = 'block';
		//点击右键的同时按下ctrl键，那么将显示默认右键菜单
		if(e.ctrlKey){
			list.style.display = 'none';
		//如果只是点击右键，则显示自定义菜单
		}else{
			return false;
		}		
	}	

	/*********回到顶部功能*********/
	var timer  = null;	
	menuTop.onclick = function(){
	    cancelAnimationFrame(timer);
	    //获取当前毫秒数
    	var startTime = +new Date(); 
    	//获取当前页面的滚动高度
    	var b = document.body.scrollTop || document.documentElement.scrollTop;
    	var d = 500;
    	var c = b; 
	    timer = requestAnimationFrame(function func(){
	    	var t = d - Math.max(0,startTime - (+new Date()) + d);
        document.documentElement.scrollTop = document.body.scrollTop = t * (-c) / d + b;
        timer = requestAnimationFrame(func);
        if(t == d){
          cancelAnimationFrame(timer);
        } 
	    });
	};

	/*********点赞功能**********/
	//模拟原始点赞按钮的点击事件
	var digg = document.getElementById('div_digg');
	if(digg){
		menuFavour.onclick = digg.children[0].onclick;			
	}
	//获取赞成数的函数
	function getfavourNum(){
		if(digg){
			favourNum.innerHTML = digg.children[0].children[0].innerHTML;
		}			
	}
	//页面载入时获取赞成数
	getfavourNum();
	if(menuFavour.addEventListener){
		menuFavour.addEventListener('click',function(){
			setTimeout(function(){
				getfavourNum();
			},2000);
		})	
	}else{
		menuFavour.attachEvent('onclick',function(){
			setTimeout(function(){
				getfavourNum();
			},2000);
		})		
	}

	/*********评论功能*********/
	menuCommand.onclick = function(){
		document.getElementById('comment_form_container').scrollIntoView();
	}
}	</script></body>

查看文章跳到评论

广西南宁市 2018-02-06 14:29

#0

阅读 2806.4万

常用html、demo代码

canvasTime.js 炫彩时钟时间彩色

<div style="width:300px;">
	<canvas id="canvas" style="width:100%;" height="100" width="700">当前浏览器不支持canvas，请更换浏览器后再试</canvas>
</div>
<script>
(function(){ 

   var digit=
    [
        [
            [0,0,1,1,1,0,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,0,1,1,0],
            [0,0,1,1,1,0,0]
        ],//0
        [
            [0,0,0,1,1,0,0],
            [0,1,1,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [1,1,1,1,1,1,1]
        ],//1
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,1,1],
            [1,1,1,1,1,1,1]
        ],//2
        [
            [1,1,1,1,1,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//3
        [
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,0],
            [0,0,1,1,1,1,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,1,1,0],
            [1,1,1,1,1,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,1]
        ],//4
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,1,1,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//5
        [
            [0,0,0,0,1,1,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//6
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0]
        ],//7
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//8
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,1,1,0,0,0,0]
        ],//9
        [
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0],
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0]
        ]//:
    ];

var canvas = document.getElementById('canvas');

if(canvas.getContext){
    var cxt = canvas.getContext('2d');
    //声明canvas的宽高
    var H = 100,W = 700;
    canvas.height = H;
    canvas.width = W;  
    cxt.fillStyle = '#f00';
    cxt.fillRect(10,10,50,50);        

    //存储时间数据
    var data = [];
    //存储运动的小球
    var balls = [];
    //设置粒子半径
    var R = canvas.height/20-1;
    (function(){
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        //存储时间数字，由十位小时、个位小时、冒号、十位分钟、个位分钟、冒号、十位秒钟、个位秒钟这7个数字组成
        data.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);    
    })();

    /*生成点阵数字*/
    function renderDigit(index,num){
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    cxt.beginPath();
                    cxt.arc(14*(R+2)*index + j*2*(R+1)+(R+1),i*2*(R+1)+(R+1),R,0,2*Math.PI);
                    cxt.closePath();
                    cxt.fill();
                }
            }
        }        
    }

    /*更新时钟*/
    function updateDigitTime(){
        var changeNumArray = [];
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        var NewData = [];
        NewData.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
        for(var i = data.length-1; i >=0 ; i--){
            //时间发生变化 
            if(NewData[i] !== data[i]){
                //将变化的数字值和在data数组中的索引存储在changeNumArray数组中
                changeNumArray.push(i+'_'+(Number(data[i])+1)%10);
            }
        }
        //增加小球
        for(var i = 0; i< changeNumArray.length; i++){
            addBalls.apply(this,changeNumArray[i].split('_'));
        }    
        data = NewData.concat();
    }

    /*更新小球状态*/
    function updateBalls(){
        for(var i = 0; i < balls.length; i++){
            balls[i].stepY += balls[i].disY;
            balls[i].x += balls[i].stepX;
            balls[i].y += balls[i].stepY;    
            if(balls[i].x > W + R || balls[i].y > H + R){
                balls.splice(i,1);
                i--;
            }                
        }
    }

    /*增加要运动的小球*/
    function addBalls(index,num){
        var numArray = [1,2,3];
        var colorArray =  ["#3BE","#09C","#A6C","#93C","#9C0","#690","#FB3","#F80","#F44","#C00"];
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    var ball = {
                        x:14*(R+2)*index + j*2*(R+1)+(R+1),
                        y:i*2*(R+1)+(R+1),
                        stepX:Math.floor(Math.random() * 4 -2),
                        stepY:-2*numArray[Math.floor(Math.random()*numArray.length)],
                        color:colorArray[Math.floor(Math.random()*colorArray.length)],
                        disY:1
                    };
                    balls.push(ball);            
                }
            }
        }    
    }

    /*渲染*/
    function render(){
        //重置画布宽度，达到清空画布的效果
        canvas.height = 100;
        //渲染时钟
        for(var i = 0; i < data.length; i++){
            renderDigit(i,data[i]);
        }        
        //渲染小球
        for(var i = 0; i < balls.length; i++){
            cxt.beginPath();
            cxt.arc(balls[i].x,balls[i].y,R,0,2*Math.PI);
            cxt.fillStyle = balls[i].color;
            cxt.closePath();
            cxt.fill();                
        }
    }

    clearInterval(oTimer);
    var oTimer = setInterval(function(){
        //更新时钟
        updateDigitTime();
        //更新小球状态
        updateBalls();
        //渲染
        render();
    },50);
}
    
})();



 </script>

查看文章跳到评论

河南省郑州市 2018-02-04 22:40

#0

阅读 1636.9万

WeUI微信小程序前端框架ui简明入门指南

呃，试了试似乎有点东西不能用

某些元素样式引用了.LESS的样式文件

一样的代码我的就是不引用这个less文件。。

很奇怪。

查看文章跳到评论

广西南宁市 2018-02-02 10:51

#0

阅读 2230.3万

@意见反馈/技术支持/伊网/安企网

查看文章跳到评论

广西南宁市 2018-02-02 00:00

#0

阅读 34.8万

2018年的第一次清零

人生三部必看电影《朋友的妈妈》《年轻的嫂子》《同居了嫂子》

广西南宁市2018-02-03 14:18:20

这人我见过，走得很安祥，没有留下遗嘱。那天风很大，火也很旺，家属很坚强，没流眼泪。有的还在笑。全村人都去了，饭菜还不错。就是他，现在全村人都在他家吃饭，明天就扛上山了，家人没有哭都很坚强，还有一个没忍住笑了，他爹都说活该，大家还说要在他坟头跳了一首c哩c哩，可热闹了。

广西南宁市2018-02-07 14:22:38

现在的人根本没有名垂青史的慨念了，只想的是怎么疯狂捞钱

广西南宁市2018-02-07 14:27:13

逆境之于强者，总是契机。

查看文章跳到评论

广西南宁市 2018-02-01 10:00

#0

阅读 34.8万

2018年的第一次清零

LOVE U ,BUT MORE THAN I COULD SAY IT .LET IT BE.
🤔

广西南宁市2018-02-01 11:38:57

自从“野食蛮族”广东，到“险诈诡乡”河南，终于“枯萎之土”东北也加入豪华套餐了～

广西南宁市2018-02-01 11:42:42

广西南宁市2018-02-01 11:42:55

广西南宁市2018-02-01 11:54:06

我小学开始看毛片，但是却初中才知道几个洞，大学才开始撸管。。

广西南宁市2018-02-01 11:58:57

贪晚蓝月，介是你没见过的船新版板。19：48分，不要错过。

广西南宁市2018-02-01 12:00:57

查看文章跳到评论

广西南宁市 2018-01-31 17:13

#0

阅读 84.2万

中等收入陷阱

🤔🥳😬👏穷不过要饭，不死总有出头日。

广西南宁市2018-02-01 10:47:21

自杀要在家警察也想放假

广西南宁市2018-02-01 11:07:50

一看老哥就是读书人，文章结构清晰，主题明确，举例说明毒狗是石乐志，同时也说明亲戚的钱不好挣，表达了对当代中国现状的忧虑，实有一颗高尚的心，让读者为之感慨万千，作为祖国的花朵，我们应该团结一致，打倒帝国主义，打倒反动派，解放全中国。我的演讲完毕，谢谢各位老哥。

广西南宁市2018-02-08 14:29:22

总而言之：相貌还是不应该如此的。”

广西南宁市2018-02-08 15:04:57

制度自信和文化自信与其说是成功的原因，不如说是成功的结果。不必时时在意别人一时的看法，多数人的观念是先入为主的，而且排斥自己不了解的事物，更重要的是大趋势，毕竟经济基础决定上层建筑，未来是胜利者的。

广西南宁市2018-02-08 15:05:08

人家是优雅的出招，你却拼尽全力。举重若轻的背后是绝对的实力、自信。

广西南宁市2018-02-09 18:10:45

上高中老师说一个学校不算群落，解释说因为没有死亡率和出生率…
也许某些学校是有的…

查看文章跳到评论

广西南宁市 2018-01-31 00:28

#0

阅读 40.4万

鼠标图片放大插件-JQUERY ZOOM

模仿微信相册图片放大
点击图片放大缩放
弹出层
相册

<!--zoom img-->
<style>
#newBridge{
z-index: 2147483645!important;
}
#zoomimgggxxxlll{
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2147483646;
	display:none;
}
.layui-layer, .layui-layer-shade{
z-index: 2147483647!important;
}
</style>
<div id="zoomimgggxxxlll" onclick="layer.closeAll();$('#zoomimgggxxxlll').hide();"></div>
<script src="/layer/layer.js"></script>
<script type="text/javascript" src="/m/js/pinchzoom.js?1"></script>

<script>
$(function () {
	$('.layui-layer-content').each(function () {
		new RTP.PinchZoom($(this), {});
	});
})


$(document).ready(function(){
  $(".cnnn img").click(function(){
		layer.closeAll();
		$('#zoomimgggxxxlll').show();
		var srccc=$(this).attr('src');
		srccc='<img onclick="layer.closeAll();$(\'#zoomimgggxxxlll\').hide();" src="'+srccc+'" style="max-width:100%;max-height:100%;"/>'
		//alert(srccc);
		//页面层
		layer.open({
		  type: 1,scrollbar: false,
		  title: false,
		  closeBtn: 0,
		  shade: 0,
		  //area: ['100%', '100%'],
		  content: srccc
		});
		
	$('.layui-layer-content').each(function () {
		new RTP.PinchZoom($(this), {});
	});
		
		
  });
  /*$(".layui-layer-content img").on("click",function(){
  //$(".layui-layer-content img").click(function(){
		layer.closeAll();
  });*/
  
  
  });
</script>
<!--end-->

广西南宁市2018-01-31 00:32:46

附件下载

广西南宁市2018-01-31 00:33:31

图片缩放大

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Pinchzoom.js Demo</title>

    <style type="text/css">
        div.pinch-zoom,
        div.pinch-zoom img{
            width: 100%;
            -webkit-user-drag: none;
        }

    </style>
    <link rel="stylesheet" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- pinchzoom requires: jquery -->
    <script type="text/javascript" src="../dependencies/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../src/pinchzoom.js"></script>
    <script type="text/javascript">
        $(function () {
            $('div.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });
        })
    </script>
</head>
<body>

    <div class="page">
        <div class="pinch-zoom">
            <div class="description">
                <h1>Pinchzoom.js</h1>
                <p>
                    Multi-touch zoom in Javascript
                </p>
            </div>
            <img src="frog.jpg"/>
           
        </div>
    </div>

</body>
</html>

-webkit-user-drag

广西南宁市2018-01-31 00:34:41

jQuery动画出现连续触发、滞后反复执行的解决方法

//语法结构 
$("#div").stop();//停止当前动画，继续下一个动画 
$("#div").stop(true);//清除元素的所有动画 
$("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

$("#div").stop().animate({width:"100px"},100);

广西南宁市2018-01-31 10:59:47

修复uc等浏览器图片max不显示问题

area: ['100%'],

加加载层，会导致点击遮罩层不能关闭bug

//layer.load(1);

广西南宁市2018-01-31 11:52:58

修复有点击a标签链接图片不放大

if($(this).parent('a').length) return true;//修复链接图片也放大

查看文章跳到评论

广西南宁市 2018-01-30 11:04

#0

阅读 2230.3万

@意见反馈/技术支持/伊网/安企网

查看文章跳到评论

广西南宁市 2018-01-29 14:31

#0

阅读 37.9万

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

查看文章跳到评论

广西南宁市 2018-01-26 11:56

#0

阅读 2806.4万

常用html、demo代码

//js 创建cookie
function xlmsetCookie(c_name,value,expiredays){
	var exdate=new Date()
	exdate.setDate(exdate.getDate()+expiredays)
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+";path=/"; //js cookie根目录
}

//js 获取cookie
function xlmgetCookie(c_name){
	if (document.cookie.length>0)
	  {
	  c_start=document.cookie.indexOf(c_name + "=")
	  if (c_start!=-1)
		{ 
		c_start=c_start + c_name.length+1 
		c_end=document.cookie.indexOf(";",c_start)
		if (c_end==-1) c_end=document.cookie.length
		return unescape(document.cookie.substring(c_start,c_end))
		} 
	  }
	return ""
}

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else 
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}
</script>
</head>

<body onLoad="checkCookie()">
</body>
</html>

查看文章跳到评论

广西南宁市 2018-01-25 09:43

#0

阅读 37.9万

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

一流的企业，和不入流的企业，区别很大，一个不入流的企业怎么想扣员工的钱，经营理念不一样，

查看文章跳到评论

最新评论聚合