最新评论 - 第 39 页

广西南宁市 2017-12-26 16:26

#0

阅读 32.7万

2017那些“风暴眼”里的创投者

男人被相亲可能真的是穷
女人被相亲一定是品质太次

广西南宁市2017-12-26 16:27:24

你有100万吗？哦你还没有30岁啊？那你多少岁？ 20岁？那你有66.6666666万吗？没有？原来你和我一样想打一辈子光棍啊……

广西南宁市2017-12-27 15:00:51

“人大了就戴表”🔥

查看文章跳到评论

广西南宁市 2017-12-26 10:29

#0

阅读 27.8万

一个明星渣男的故事，终于盖过了程序员的一条命

中国人要不是忘性这么大，怎么屹立于世界民族之林

广西南宁市2017-12-26 10:30:06

其实我觉得吧，不情绪化可能也没有那么大能量，万众一心靠什么，共同目标，人性那么复杂，共同目标就靠小情绪呗

广西南宁市2017-12-26 10:30:18

事不关己，骂两句表明态度，表明正确三观，这就是大多数国人。战火不烧到自己身上时永远不会有太大的反应

广西南宁市2017-12-26 10:30:35

很多事就是这样的不了了之。很多事件还会继续关注，可渠道基本没有了，只好输入某段事件，搜索后续发展。最可怕的是很多新闻没有后续发展，甚至再也搜索不到相关内容。

查看文章跳到评论

广西南宁市 2017-12-25 12:17

#0

阅读 2223万

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

手机微信扫描二维码第一次空白？
UC浏览器手机界的IE css3不支持无效🔥

查看文章跳到评论

广西南宁市 2017-12-25 11:52

#0

阅读 38.9万

jQuery判断图片是否加载完成

<?php
setcookie("nightokcckkndatttttime", $nnntimenowxlll, time()+360000);
//$_COOKIE['nightokcckkndatttttime']=$nnntimenowxlll;
    function get_web_page( $url )
    {
        $options = array(
        CURLOPT_RETURNTRANSFER => true,     // return web page 返回网页
        CURLOPT_HEADER         => false,    // 不返回头信息
        CURLOPT_FOLLOWLOCATION => true,     // follow redirects
        CURLOPT_ENCODING       => "",       // handle all encodings
        CURLOPT_USERAGENT      => "spider", // 设置UserAgent
        CURLOPT_AUTOREFERER    => true,     // set referer on redirect
        CURLOPT_CONNECTTIMEOUT => 120,      // timeout on connect 连接超时
        CURLOPT_TIMEOUT        => 120,      // timeout on response 回复超时
        CURLOPT_MAXREDIRS      => 10,       // stop after 10 redirects
        );
        $ch      = curl_init( $url );
        curl_setopt_array( $ch, $options );
        $content = curl_exec( $ch );
        $err     = curl_errno( $ch );
        $errmsg  = curl_error( $ch );
        $header  = curl_getinfo( $ch );
        curl_close( $ch );
        $header['errno']   = $err;
        $header['errmsg']  = $errmsg;
        $header['content'] = $content;
        return $header;
    }
	
	$nnimg=get_web_page('http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1');
	$nnimg=$nnimg['content'];
	$nnimg=json_decode($nnimg, true);
	//$nnimg=$nnimg->images();
	//print_r($nnimg['images']['0']['msg']['0']);
	$nnewwwwlink=$nnimg['images']['0']['msg']['0']['link'];
	$nnewwwwtext=$nnimg['images']['0']['msg']['0']['text'];
	
	if(!$nnewwwwlink) $nnewwwwlink=$nnimg['images']['0']['copyrightlink'];
	if(!$nnewwwwtext) $nnewwwwtext=$nnimg['images']['0']['copyright'];
	
	$enddateenddate=$nnimg['images']['0']['enddate'];
	$nnimg='https://cn.bing.com/'.$nnimg['images']['0']['url'];
	
		//$nnimg=$nnimg.'?v='.$nnntimenowxlll;
	//echo '<img src="'.$nnimg.'" />';
	//print_r($nnewwwwtext);
?>
<style>
#loggsimggddefffsss{
	position: fixed;/*修复初始高度问题 absolute往下掉正常50%*/
    left: 50%;
    top: 50%;}
</style>
<img src="data:image/gif;base64,R0lGODlhCgAKAJEDAMzMzP9mZv8AAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAADACwAAAAACgAKAAACF5wncgaAGgJzJ647cWua4sOBFEd62VEAACH5BAUAAAMALAEAAAAIAAMAAAIKnBM2IoMDAFMQFAAh+QQFAAADACwAAAAABgAGAAACDJwHMBGofKIRItJYAAAh+QQFAAADACwAAAEAAwAIAAACChxgOBPBvpYQYxYAIfkEBQAAAwAsAAAEAAYABgAAAgoEhmPJHOGgEGwWACH5BAUAAAMALAEABwAIAAMAAAIKBIYjYhOhRHqpAAAh+QQFAAADACwEAAQABgAGAAACDJwncqi7EQYAA0p6CgAh+QQJAAADACwHAAEAAwAIAAACCpRmoxoxvQAYchQAOw==" id="loggsimggddefffsss">
<!--<img src="<?php echo $nnimg;?>" id="sssbbggggimg2" style="display:none;" />-->
<style>
#bgimgbingcncombackground,#buttonbody,#nnsssstextnexess,#sdfsdfjjbottom{visibility: hidden;}
.scroll-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: 1.2em;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 2em;
  border: solid 2px;
  -webkit-transition: .4s;
  transition: .4s;
}

.scroll-icon:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.scroll-icon::after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}.buttonbodyfffagfixedd{position:fixed;left:50%;top:0px;margin-left:-459.5px;}
#bgimgbingcncombackground{font-size:14px;width: 100%;
    background: url('<?php echo $nnimg;?>');background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;}#nnsssstextnexess{    position: absolute;
    left: 50%;
    top: 50%;
    background: #3e3e3e;
    opacity: 0.59;color: #e6e6e6;
    border-radius: 5px;
    /*width: 320px;*/
    padding: 15px;
    box-sizing: border-box;
    /*margin-left: -160px;
    margin-top: -45px;*/}
</style>

<div id="bgimgbingcncombackground"><div id="nnsssstextnexess"><?php echo $nnewwwwtext;?><p style="text-align:center;margin-top: 12px;">Welcom to <?=$blog_title?>！</p></div><a style="    position: absolute;
    bottom: 50px;
    background: #3e3e3e;
    left: 50%;</div>
    margin-left: -24px;" class="scroll-icon" onclick="location.href = '/';"></a></div>
<script>$(document).ready(function(){
$('#buttonbody').addClass('buttonbodyfffagfixedd');
var winHeight;
if (window.innerHeight)
	winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
	winHeight = document.body.clientHeight;
$('#bgimgbingcncombackground').css({'height':winHeight+'px'});
var nh=$('#nnsssstextnexess').height();
var nw=$('#nnsssstextnexess').width();
$('#nnsssstextnexess').css({'marginLeft':'-'+(nw/2)+'px','marginTop':'-'+(nh/2)+'px'});

/*
qim=new Image();//新建一个图片；
qim.src='<?php echo $nnimg;?>';//图片地址是你准备要加载的地址；
if(qim.complete){
	//qim.complete表示这个图片是否加载完毕了
	$('#nnsssstextnexess,#buttonbody,#bgimgbingcncombackground,#sdfsdfjjbottom').css('visibility','visible');$('#loggsimggddefffsss').hide();
}*/
loadImage('<?php echo $nnimg;?>');
function loadImage(url, callback) {
 var img = new Image(); //创建一个Image对象，实现图片的预下载
 img.src = url;
 
 if(img.complete) { // 如果图片已经存在于浏览器缓存，直接调用回调函数
   //callback.call(img);
   $('#loggsimggddefffsss').hide();/*修复火狐文本背景闪现*/
   $('#bgimgbingcncombackground,#nnsssstextnexess').css('visibility','visible');
   setTimeout("$('#buttonbody,#bgimgbingcncombackground,#sdfsdfjjbottom').css('visibility','visible');",500);
   
   return true; // 直接返回，不用再处理onload事件
  }
 img.onload = function () { //图片下载完毕时异步调用callback函数。
   $('#loggsimggddefffsss').hide();
   $('#bgimgbingcncombackground,#nnsssstextnexess').css('visibility','visible');
   setTimeout("$('#buttonbody,#bgimgbingcncombackground,#sdfsdfjjbottom').css('visibility','visible');",500);
    //callback.call(img);//将回调函数的this替换为Image对象
  };
};


//document.getElementById("sssbbggggimg2").onload=function(){$('#nnsssstextnexess,#buttonbody,#bgimgbingcncombackground,#sdfsdfjjbottom').css('visibility','visible');$('#loggsimggddefffsss').hide();}

				/*var t_img; // 定时器
				var isLoad = true; // 控制变量

				// 判断图片加载状况，加载完成后回调
				isImgLoad(function(){
					// 加载完成
					$('#nnsssstextnexess,#buttonbody,#bgimgbingcncombackground,#sdfsdfjjbottom').css('visibility','visible');$('#loggsimggddefffsss').hide();
				});

				// 判断图片加载的函数
				function isImgLoad(callback){
					// 注意我的图片类名都是sssbbggggimg2，因为我只需要处理sssbbggggimg2。其它图片可以不管。
					// 查找所有封面图，迭代处理
					$('#sssbbggggimg2').each(function(){
						// 找到为0就将isLoad设为false，并退出each
						if(this.height === 0){
							isLoad = false;
							return false;
						}
					});
					// 为true，没有发现为0的。加载完毕
					if(isLoad){
						clearTimeout(t_img); // 清除定时器
						// 回调函数
						callback();
					// 为false，因为找到了没有加载完成的图，将调用定时器递归
					}else{
						isLoad = true;
						t_img = setTimeout(function(){
							isImgLoad(callback); // 递归扫描
						},500); // 我这里设置的是500毫秒就扫描一次，可以自己调整
					}
				}*/
//$('#nnsssstextnexess').show();

// jquery 兼容的滚轮事件
//var vn=0;
$(document).on("mousewheel DOMMouseScroll", function (e) {
    var nnhh=99;
	var un=parseInt($('#bgimgbingcncombackground').attr('un'));
	if(!un || un=='NaN' || un<1) un=0;
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox

    
    if (delta > 0) {
        // 向上滚
		
		if(un>0){
			var vnnn=(un-1)*nnhh;
			$('#bgimgbingcncombackground').css({'top':'-'+vnnn+'px'});
			$('#bgimgbingcncombackground').attr('un',(un-1));
		}
        //console.log("wheelup");
		//vn+=1;
		//var vnnn=(99*vn);
		//var notttop=$('#bgimgbingcncombackground').css('top');
		//console.log(notttop);
    } else if (delta < 0) {
        // 向下滚
       // console.log("wheeldown");
		un+=1;
		var vnnn=(nnhh*un);
		if(vnnn>winHeight+nnhh){
			$('#buttonbody').removeClass('buttonbodyfffagfixedd');
			$(document).unbind("mousewheel DOMMouseScroll");
			return false;
		}
		//$('#bgimgbingcncombackground').animate({'top':'-'+vnnn+'px'});
		$('#bgimgbingcncombackground').attr('un',un);
		$('#bgimgbingcncombackground').css({'top':'-'+vnnn+'px'});
    }
});






});</script>

查看文章跳到评论

广西钦州市灵山县 2017-12-24 16:21

#0

阅读 55.3万

不加载图片！直接HTTP方式获取图片尺寸

var t_img; // 定时器
var isLoad = true; // 控制变量

// 判断图片加载状况，加载完成后回调
isImgLoad(function(){
    // 加载完成
});

// 判断图片加载的函数
function isImgLoad(callback){
    // 注意我的图片类名都是cover，因为我只需要处理cover。其它图片可以不管。
    // 查找所有封面图，迭代处理
    $('.cover').each(function(){
        // 找到为0就将isLoad设为false，并退出each
        if(this.height === 0){
            isLoad = false;
            return false;
        }
    });
    // 为true，没有发现为0的。加载完毕
    if(isLoad){
        clearTimeout(t_img); // 清除定时器
        // 回调函数
        callback();
    // 为false，因为找到了没有加载完成的图，将调用定时器递归
    }else{
        isLoad = true;
        t_img = setTimeout(function(){
            isImgLoad(callback); // 递归扫描
        },500); // 我这里设置的是500毫秒就扫描一次，可以自己调整
    }
}

广西百色市2017-12-24 16:23:07

javaScript & jquery完美判断图片是否加载完毕

来谈一下关于load的问题。

-------------------------------------------------------------

众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。

看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般都放在服务器上，通过http下载到客户端。

例如我的图片地址：

http://xxx.xxx.com/sc/item/cover/9-4352-c400.jpg

而图片下载到本地是需要一定时间的(网速快的路过)。当图片还没有下载完的时候，使用js获取到元素的宽高将会是0。

-------------------------------------------------------------------

有的同学说了我使用jquery的ready不就好了。如下：

$(document).ready(function(){
  // 在这里写你的代码...
});
如果这么简单就好了，我这里就说下ready与window.onload的区别。

jquery的ready只是dom的结构加载完毕，便视为加载完成。(缺点是图片没有加载完毕，宽高为0，程序出错)

js的window.onload是指dom的生成和资源的加载，比如flash、图片完全加载出来后才执行onload。(缺点就是当某一张图片很大的时候，岂不阻止了其它js的正常执行)

-------------------------------------------------------------------------------------

知道了他们的区别后，我们再来谈谈如何避免错误和选择性使用。

如果你进行了百度，很多人会告诉你。

这样：

$('img').load(function(){
  // 加载完成    
});
 

好像很强大的样子，其实不然，他的缺点是每加载一张图片，回调函数就执行一次。好吧太烦了，我只想全部加载完走一次就可以了。当然可以，你可以进行修改如下：

va imgNum=$('img').length;
$('img').load(function(){
    if(!--imgNum){
        // 加载完成
    }
});
 

这样总可以了吧，我加载一张，就用图片总数去减一，减到0我就加载完毕。看起来很完美，前提是你没遇到IE。

IE的图片总是从缓存文件里去拿，这就造成load方法根本就不执行，只有是新图片才会走load。

服了吧？继续往下看。

---------------------------------------------------------------

或者是这样：

document.getElementById('img').onload=function(){
        // 加载完成 
};
 

看我原生代码一统天下，实际上效果甚微，一次只能处理一个你准备写多少个document，有人说我可以用循环去绑定，经过我测试貌似根本没效果。

广西百色市2017-12-24 16:23:21

利用图片没有加载完成的时候，宽高为0。我们很容易判断图片的一个加载情况。

广西百色市2017-12-24 16:23:52

楼主你去扒一下其它知名站点实现的瀑布流的ajax请求结果看看，你会发现他们都是直接把图片的高度在服务器处理好，json数据里面返回过来了

你这样搞的结果就是网速很慢的时候，要等好久，然后一下子图片都出来了，不觉得很诡异吗

常见的瀑布流都是先出来一个空白区域加载提示小图片，然后图片慢慢load上去的

查看文章跳到评论

广西南宁市 2017-12-23 17:54

#0

阅读 2804.8万

常用html、demo代码

http协议中:GET/POST/PUT/DELETE/INPUT/TRACE/OPTIONS/HEAD方法

请求方法是请求一定的Web页面的程序或用于特定的URL。可选用下列几种：
GET： 请求指定的页面信息，并返回实体主体。
HEAD： 只请求页面的首部。
POST： 请求服务器接受所指定的文档作为对所标识的URI的新的从属实体。
PUT： 从客户端向服务器传送的数据取代指定的文档的内容。
DELETE： 请求服务器删除指定的页面。
OPTIONS： 允许客户端查看服务器的性能。
TRACE： 请求服务器在响应中的实体主体部分返回所得到的内容。
PATCH： 实体中包含一个表，表中说明与该URI所表示的原内容的区别。
MOVE： 请求服务器将指定的页面移至另一个网络地址。
COPY： 请求服务器将指定的页面拷贝至另一个网络地址。
LINK： 请求服务器建立链接关系。
UNLINK： 断开链接关系。
WRAPPED： 允许客户端发送经过封装的请求。
Extension-mothed：在不改动协议的前提下，可增加另外的方法。
当服务器响应时，其状态行的信息为HTTP的版本号，状态码，及解释状态码的简单说明。现将5类状态码详细列出：
① 客户方错误
100  继续
101  交换协议
② 成功
200  OK
201  已创建
202  接收
203  非认证信息
204  无内容
205  重置内容
206  部分内容
③ 重定向
300  多路选择
301  永久转移
302  暂时转移
303  参见其它
304  未修改（Not Modified）
305  使用代理
④ 客户方错误
400  错误请求（Bad Request）
401  未认证
402  需要付费
403  禁止（Forbidden）
404  未找到（Not Found）
405  方法不允许
406  不接受
407  需要代理认证
408  请求超时
409  冲突
410  失败
411  需要长度
412  条件失败
413  请求实体太大
414  请求URI太长
415  不支持媒体类型
⑤ 服务器错误
500  服务器内部错误
501  未实现（Not Implemented）
502  网关失败
504  网关超时
505 HTTP版本不支持
关于实体头部的内容还可以有：
Last Modified ：请求文档的最近修改时间。
Expires ：请求文档的过期时间。
Connect-length：文档数据的长度。
WWW-authenricate：通知客户端需要的认证信息。
Connect-encoding ：说明有无使用压缩技术。
Transfer-encoding ：说明采用的编码变换类型。
标准Http协议支持六种请求方法，即：
0，GET
1，HEAD
2，PUT
3，DELETE
4，POST
5，OPTIONS
但其实我们大部分情况下只用到了GET和POST。如果想设计一个符合RESTful规范的web应用程序，则这六种方法都会用到。不过即使暂时不想涉及REST，了解这六种方法的本质仍然是很有作用的。大家将会发现，原来web也是很简洁明了的。下面依次说明这六种方法。
0，GET：GET可以说是最常见的了，它本质就是发送一个请求来取得服务器上的某一资源。资源通过一组HTTP头和呈现数据（如HTML文本，或者图片或者视频等）返回给客户端。GET请求中，永远不会包含呈现数据。
1，HEAD：HEAD和GET本质是一样的，区别在于HEAD不含有呈现数据，而仅仅是HTTP头信息。有的人可能觉得这个方法没什么用，其实不是这样的。想象一个业务情景：欲判断某个资源是否存在，我们通常使用GET，但这里用HEAD则意义更加明确。
2，PUT：这个方法比较少见。HTML表单也不支持这个。本质上来讲， PUT和POST极为相似，都是向服务器发送数据，但它们之间有一个重要区别，PUT通常指定了资源的存放位置，而POST则没有，POST的数据存放位置由服务器自己决定。举个例子：如一个用于提交博文的URL，/addBlog。如果用PUT，则提交的URL会是像这样的”/addBlog/abc123”，其中abc123就是这个博文的地址。而如果用POST，则这个地址会在提交后由服务器告知客户端。目前大部分博客都是这样的。显然，PUT和POST用途是不一样的。具体用哪个还取决于当前的业务场景。
3，DELETE：删除某一个资源。基本上这个也很少见，不过还是有一些地方比如amazon的S3云服务里面就用的这个方法来删除资源。
4，POST：向服务器提交数据。这个方法用途广泛，几乎目前所有的提交操作都是靠这个完成。
5，OPTIONS：这个方法很有趣，但极少使用。它用于获取当前URL所支持的方法。若请求成功，则它会在HTTP头中包含一个名为“Allow”的头，值是所支持的方法，如“GET, POST”。
其实还有一个TRACE方法，不过这个基本上不会用到，这里就不介绍了。以上的六种方法，我们可以跟数据库的CRUD增删改查操作对应起来：
CREATE ：PUT
READ：GET
UPDATE：POST
DELETE：DELETE
这样一来就实现了HTTP和数据库操作（其实不光是数据库，任何数据如文件图表都是这样）的完美统一，这也是REST的精髓之一。
http://blog.csdn.net/alextiger0/article/details/5836572
http://chlotte.blog.51cto.com/318402/554758
http://blog.sina.com.cn/s/blog_4c9ba2850100ftsy.html
http://www.hulifeng.com/article/jishu/23.htm
http://wenku.baidu.com/view/8f8f2025ccbff121dd36832e.html

广西南宁市2017-12-23 17:55:07

CREATE ：PUT
READ：GET
UPDATE：POST
DELETE：DELETE
应该写反了吧，put更新，post创建

查看文章跳到评论

广西南宁市 2017-12-23 17:49

#0

阅读 62.7万

js获取浏览器高度和宽度值

JS获取浏览器窗口大小

// 获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
// 获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
// 通过深入 Document 内部对 body 进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}

广西南宁市2017-12-23 17:49:51

原来是W3C的标准在作怪啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 


我说怎么取不出高度来,原来是写成了<HTML>

查看文章跳到评论

广西南宁市 2017-12-23 17:46

#0

阅读 103.4万

AOS.js页面滚动元素动画jQuery动画库

Css鼠标滚动图标

<style>body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  margin: 0;
  background-color: #111;
}

.scroll-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  width: 1.2em;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 2em;
  border: solid 2px;
  -webkit-transition: .4s;
  transition: .4s;
}

.scroll-icon:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.scroll-icon::after {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}
</style><a href="#" class="scroll-icon"></a>

广西南宁市2017-12-23 17:48:14

mousewheel滚轮事件鼠标滚轮事件滚动监听鼠标滚轮滚动事件绑定鼠标滚轮
原生的滚轮事件：火狐与其他浏览器使用了不同的事件

/* 
 * 滚轮事件只有firefox比较特殊，使用DOMMouseScroll; 其他浏览器使用mousewheel;
 * 
*/
// firefox
document.body.addEventListener("DOMMouseScroll", function(event) {

    var direction= event.detail && (event.detail > 0 ? "mousedown" : "mouseup");
    console.log(direction);    
});

// chrome and ie
document.body.onmousewheel = function (event) {
    event = event || window.event;

    var direction = event.wheelDelta && (event.wheelDelta > 0 ? "mouseup" : "mousedown");
    console.log(direction);
};

使用jquery兼容后的事件

// jquery 兼容的滚轮事件
$(document).on("mousewheel DOMMouseScroll", function (e) {
    
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox

    
    if (delta > 0) {
        // 向上滚
        console.log("wheelup");
    } else if (delta < 0) {
        // 向下滚
        console.log("wheeldown");
    }
});

广西南宁市2017-12-23 17:52:18

jq滚轮事件😊😅

查看文章跳到评论

广西南宁市 2017-12-22 16:58

#0

阅读 2223万

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

广西南宁市2017-12-25 10:04:23

转不过弯的人都将无所适从

查看文章跳到评论

广西南宁市 2017-12-22 10:39

#0

阅读 2804.8万

常用html、demo代码

类似上滑解锁，网站首页首屏鼠标滚动上拉收起卷帘门效果斯坦福大学的首页

<html>
<body>
<style>*{padding:0px;margin:0px;}html,body{width:100%;height:100%;}
.header{position:fixed;left:0;right:0;line-height: 40px;top:0;border:1px solid #000;background: #39464e;z-index:3;}
.splash_screen{position:relative;z-index: 2;width:100%;height: 100%;line-height:400px;text-align:center;background:#ffa200;}
.content{margin-top:60px;height: 2400px;width:100%;z-index:1;background:green;}
.content_fix{position: fixed;top:50px;margin-top:0;}
.content_shadow{height: 2900px;}
</style>
<div class="header">header</div>
<div class="splash_screen"><img src="http://out.img.pan.lizhenqiu.com/4a2ac65e68cd31509eb1039cd348cde5" width="100%" height="100%"></div>
<div class="content content_fix" style="
    text-align: center;
"><br>content<br><img src="http://out.img.pan.lizhenqiu.com/cd0a877c06b8a3582804c18ba7ee4b96" width="80%"><br><img src="http://out.img.pan.lizhenqiu.com/fccab3de7ec87d6270d444a645bb1339" width="80%"></div>
<div class="content_shadow"></div>
<script>$(document).on('scroll', function () {
	if ($(document).scrollTop() > $('.splash_screen').height()) {
  	$('.content').removeClass('content_fix')
  	$('.content_shadow').css('height', 0)
  } else {
  	$('.content').addClass('content_fix')
  	$('.content_shadow').css('height', $('.content').outerHeight())
  }
})
</script></body></html>

查看文章跳到评论

广西南宁市 2017-12-21 14:31

#0

阅读 59.4万

比如说：一个人A为父类，他的儿子B，妻子C，私生子D（注：D不在他家里）
如果我们给A的事情增加修饰符：
public事件，地球人都知道，全公开
protected事件，A，B，D知道（A和他的所有儿子知道，妻子C不知道）
private事件，只有A知道（隐私？心事？）
internal事件，A，B，C知道（A家里人都知道，私生子D不知道）
protected internal事件，A，B，C，D都知道,其它人不知道

查看文章跳到评论

广西南宁市 2017-12-20 16:04

#0

阅读 51万

软件开发模式变迁史

无论理论再多，产品都是由人做出来的，软件只是辅助工具，如果纯粹的依赖软件，人的积极性就会降低，就会产生依赖性，就会学会甩锅。人的主动意识是人工智能永远也学不会的。

广西南宁市2017-12-21 17:41:29

查看文章跳到评论

广西南宁市 2017-12-19 12:19

#0

阅读 434万

微信小程序开发笔记

<!--pages/product/product.wxml-->

<view class="container">
   <view  bindtap="bindViewTap" class="userinfo">
  <image class="userinfo-avatar" src="../images/ab_banner.jpg" background-size="cover" background-position="center"></image>
   <!-- <text class="userinfo-nickname">{{userInfo.nickName}}</text>-->
  </view>
  <view class="usermotto">
    <text class="user-motto" >{{titlessss}}</text>
  </view>
  
<text class="pice{{jzzz}}">加载中 </text>

 <block wx:for="{{all}}">
   <view class="companyprofile"> <!-- pice{{jzzzs}}-->
    <view class="left">
    <image class="companyimg" src="https://hhh.liangtianmei.com{{item.imgurl}}" background-size="cover"></image>
      </view>

     
	 
	  <view class="right">
     <navigator url="../prodetail/prodetail?title={{item.title}}">
	   <text class="companytitle">{{item.title}}\n</text>
     </navigator>
	   <text class="companymain">{{item.content}}</text>
   <text class="pice">￥100 </text> <block wx:if="{{index==clickId}}"> <image id="{{index}}" class="shopimg" src="../images/red.png" bindtap="btn_primary"></image>  </block>
     
     
      <block wx:else> <image id="{{index}}" class="shopimg" src="../images/sp_0777.png" bindtap="btn_primary"></image>  </block>
	 
   
     <view class="stepper" >  

<text class="{{minusStatus}}" bindtap="bindMinusssss" id="{{index}}">-</text>
    <!-- 减号   
      <block wx:if="{{index==clickId}}">
    <text class="{{minusStatus}}" bindtap="bindMinus" id="{{index}}">-</text>  
      </block>
     <block wx:else>
        <text class="{{minusStatus}}" bindtap="bindMinus" id="{{index}}">-</text>  
       </block>-->

    <!-- 数值 -->  
     <block wx:if="{{index==clickId}}">
    <input type="number" bindchange="bindManual" value="{{num}}" id="{{index}}"/>  
     </block>
     <block wx:else>
     <input type="number" value="{{item.nnum}}" name="nnum" id="nnum{{index}}"/>  <!--bindchange="bindManual" -->
     </block>
     <text class="normal" bindtap="bindPlussssss" id="{{index}}">+</text>
    <!-- 加号   
     <block wx:if="{{index==clickId}}">
    <text class="normal" bindtap="bindPlus" id="{{index}}">+</text>  
     </block>
      <block wx:else> <text class="normal" bindtap="bindPlus" id="{{index}}">+</text>   </block>-->


</view>  
    

    
    <!-- <view class="icon">
       <image id="{{index}}" class="add" src="../images/add.png" bindtap="btn_primary"></image>  <text class="companymain">1</text>  <image id="{{index}}" class="minus" src="../images/minus.jpg" bindtap="btn_primary"></image>
      </view>-->


<!--
      <view class="icon">         
       <image src="../images/add.png" class="add-img {{item.numbers==0 ?'none':''}}" bindtap="reduceNum" data-index="{{index}}"></image>
       <view  class="num {{item.numbers==0?'none':''}}">{{item.id}}</view>
       <image src="../images/minus.jpg" class="add-img" bindtap="addNum" data-index="{{index}}" data-index="{{index}}"></image>
 </view>
 -->






     
      </view>
  </view>
  </block>
  
  <!-- 
  
     <view class="companyprofile">
    <view class="left">
    <image class="companyimg" src="../images/ab_01.jpg" background-size="cover"></image>
      </view>
	 
	  <view class="right">
	   <text class="companytitle">湖北早梗米\n</text>
	   <text class="companymain">浙江百慕生物科技有限公司隶属浙江丽珀集团，成立于2011年3月，注册资本1000万元，是一家从事海洋生物开发销售的公司，主要从事保健品（海参）产品的销售。</text>
    <text class="pice">￥120 </text> <image  class="shopimg" src="{{imageUrl}}" bindtap="btn_primary" ></image>
      </view>
  </view>
  -->
  
  
  
  <view class="footer">
    <text class="footerword">版权所有©2016 全家科技发展有限公司</text>
  </view>
  
  
  
</view>

广西南宁市2017-12-19 12:21:08

小程序购物者加减数量输入框获取value
微信小程序获取value 微信小程序如何获取单个input值
微信小程序—如何获取用户输入文本框的值
微信小程序获取用户输入微信小程序怎么获取用户输入

//构造令牌 使用服务器时间戳

var utilMd5 = require('../../utils/md5.js');

var util = require('../../utils/util.js');



// pages/product/product.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    
   // tabs:["泰国香米","湖北早梗米"],
  // clickId:0,//默认选中的键值，从零开始
   // imageUrl:'../images/sp_0777.png'//默认图片
    titlessss:'产品中心',
    jzzzs:1,
    num: 0,
    // 使用data数据对象设置样式名  
    minusStatus: 'disabled'  ,
    inputTxt:0
  },
  /* 点击减号 */
  bindMinus: function (event) {
    var num = this.data.num;
    // 如果大于1时，才可以减  
    if (num > 1) {
      num--;
    }
    // 只有大于一件的时候，才能normal状态，否则disable状态  
    var minusStatus = num <= 1 ? 'disabled' : 'normal';
    // 将数值与状态写回  
    this.setData({
      num: num,
      minusStatus: minusStatus,
      clickId: event.currentTarget.id
    });
  },
  bindMinusssss:function(e){
    //new 2017.12.19
    var id = e.currentTarget.id;
    var all = this.data.all;
    if (!all[id].nnum) all[id].nnum = 1;
    var nv = all[id].nnum;
    
    if(nv>1) nv-=1;
    
    all[id].nnum=nv;
    this.setData({
      all: all
    })
    //e.detail = { nv, cursor }
    //e.detail.value=100;
    //console.log(all);
    //console.log(e.currentTarget.dataset.value);
  },
  bindPlussssss: function (e) {
    //new 2017.12.19
    var id = e.currentTarget.id;
    var all = this.data.all;
    if (!all[id].nnum) all[id].nnum = 1;
    var nv = all[id].nnum;

    nv += 1;//记得判断是否超过库存

    all[id].nnum = nv;
    this.setData({
      all: all
    })
    //e.detail = { nv, cursor }
    //e.detail.value=100;
    //console.log(all);
    //console.log(e.currentTarget.dataset.value);
  },
  /* 点击加号 */
  bindPlus: function (event) {
   
    var num = this.data.num;
    // 不作过多考虑自增1  
    num++;
    // 只有大于一件的时候，才能normal状态，否则disable状态  
    var minusStatus = num < 1 ? 'disabled' : 'normal';
    // 将数值与状态写回  
    this.setData({
      num: num,
      minusStatus: minusStatus,
      clickId: event.currentTarget.id
       
    });
  },
  /* 输入框事件 */
  bindManual: function (event) {
   //var clickId = event.detail.id;
   // console.log(clickId)


    var num = event.detail.value;
   console.log(num)
    var that = this;
    // 将数值与状态写回  
    this.setData({
      num: num,
      clickId: event.currentTarget.id
 
    
    });
  }  ,



  btn_primary: function (event) {
    console.log(event)
    var that = this;
    this.setData({
      clickId: event.currentTarget.id,
     // imageUrl: "../images/sp_07.png"//触发事件时的图片
    })
  }  ,
  

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    var that = this;
    var app = getApp();//获取app小程序实例

   // WxParse.wxParse('content', 'html', content, that, 5)


    wx.login({
      success: function (res) {
        if (res.code) {
          //更新数据

          var url = 'https://hhh.liangtianmei.com/index.php/Home/Product/index';
          util.ntime(utilMd5, that,url);
        }
      }
    })

  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})

查看文章跳到评论

广西南宁市 2017-12-18 10:43

#0

阅读 2223万

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

所有 echo 前端输出的由访客用户输入的变量都要过滤去掉相关标签

查看文章跳到评论

广西南宁市 2017-12-18 09:45

#0

阅读 37.5万

迅雷邹胜龙的错过

都在我设计动作范围之内🤔

广西南宁市2017-12-18 10:28:51

每年例行的谣言:某人已被送去301医院，Steam要退出国区

广西南宁市2017-12-19 09:25:53

智能商业有三个特征：
利用互联网和算法的优势，低成本实时服务海量用户；
满足每一个用户的个性需求；
快速迭代，自我更新，自我提升。

广西南宁市2017-12-19 09:27:56

未来任何一个企业，都是服务企业，因为客户真正要的是服务，不是产品。

广西南宁市2017-12-19 09:36:57

企业文化是留下来的人塑造的，企业文化最后只有养能人或宠小人两种

广西南宁市2017-12-19 09:37:25

成了后说什么都对，不会说话的都已经死在半道上了...

广西南宁市2017-12-20 09:54:41

做正确的事永远不会晚

广西南宁市2017-12-20 09:58:22

互联网相关行业没有任何一个能让你安心吃老本等退休的变化太快

广西南宁市2017-12-20 11:05:28

有网友问，他欠200万，我才欠20万，为什么我没有他过得潇洒和风光?网友回答:因为你一直想着还！

广西南宁市2017-12-21 09:21:34

2017 year progress
▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 96%

广西南宁市2017-12-21 09:24:30

在这块土地上什么事情都不能说太细。。。

广西南宁市2017-12-21 09:32:13

在采访前，我们明确要求，只许说真话

广西南宁市2017-12-22 11:37:21

我开玩笑地到处找人跟我打架，但从来没想过会有人当真。

广西南宁市2017-12-22 11:45:56

有利可图才是最主要的。不管这“利”是从哪里来的

广西南宁市2017-12-22 14:27:57

持续验证自己的能力，成功与否看你们怎么想了

广西南宁市2017-12-22 15:24:26

临近岁末，盘点这一年的生活，人们各有收获：“脱贫了”“涨工资了”“搬新房了”“开公司了”“在城里落户了”……一个个鲜活的故事，一张张开心的笑脸，汇成了一幅多彩斑斓的民生画卷。

查看文章跳到评论

广西南宁市 2017-12-15 17:39

#0

阅读 61万

小火箭旋转翻动转动3D动画效果跟随返回顶部HTML

点击动画放大缩小煎蛋返回顶部

#nav_top span:active{font-size:20px}

查看文章跳到评论

广西南宁市 2017-12-15 16:35

#0

阅读 79.4万

雷军的本命年：轮回中的挫败、幸运和逆袭

格力的手机，小米的空调，你会买哪个？

广西南宁市2017-12-15 16:39:47

看别人掉坑，让自己无坑可掉

广西南宁市2017-12-15 16:41:16

不看A片的日本人

广西南宁市2017-12-15 16:41:31

#²一些日本非盈利社会组织，也决定承担责任。他们为中年处男开设裸模艺术课，提供“与真实的裸体女性最为接近的场合”。老处男们也希望挣扎一下，“自然地激发对异性的兴趣”。但实在低估了自己心如止水的程度，对宅久了的30代～40代的男性来说，区区裸体已经不能带来什么刺激了。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。色情泛滥的社会不是什么好社会，性冷淡的世界更是一片荒芜。

广西南宁市2017-12-15 16:52:12

以前买菜的时候，小贩都会送一把葱
突然有一天小贩不送葱了…

广西南宁市2017-12-18 16:37:48

成长中太多的见闻让我开始揣测是不是为了老师布置的日行一善作业而嗤之以鼻，却突然想起自己小时候也仅仅是出于好心做过几乎一模一样的事，不禁有些唏嘘感叹到底是自己变了还是残酷的世界不允许我们显露善良的一面

广西南宁市2017-12-18 17:17:16

稍有有点钱有点见识的都拼了命的往外跑，整个中国已经处罢工罢市罢课的状态栏，屁民还在幻想大国崛起

查看文章跳到评论

广西南宁市 2017-12-15 14:38

#0

阅读 63.9万

百度地图显示多个标注点

百度地图API中不同marker的InfoWindow的显示内容不同的实现
用到百度地图。功能要求将一批标记点加入地图，点击其中任意一个点，地图弹出InfoWindow框，里面显示与此点相关的内容。
按照常规写了如下代码:

var node = function(){
    name;
    lng;
    lat;
};

addmarks = function(nodes){
        var _nodes = nodes;
        var _markers = new Array();
        for(var i=0;i<_nodes.length;i++){
            var _marker = new BMap.Marker(new BMap.Point(_nodes[i].lng, _nodes[i].lat));
            var _node = _nodes[i];
            var _html = "节点名:"+_node.name;
            _marker.addEventListener("click", function(e){
                    this.openInfoWindow(new BMap.InfoWindow(_html));
            });
            _marker.addEventListener("mouseover", function(e){ 
                this.setTitle("坐标@ "+_node.lng+","+_node.lat);
            });
            _markers.push(_marker);
        }
      myClusterer = new BMapLib.MarkerClusterer(myMap, {markers:_markers});
      myClusterer.setMaxZoom(17);
      //myClusterer.setStyles(myStyles);
};

上述写法很直观看起来没有问题，但遗憾的是，运行起来后，各个标记点虽然能够根据各自的坐标散布在地图上，但点击每个标记点所弹出的InfoWindow框里的信息则是nodes数组里面最后一个数组的元素的相应信息百度地图API中不同marker的InfoWindow的显示内容不同的实现。
上网查了一下，没有人给出具体解决，只是提出了javascript的闭包来解决。
于是采用闭包方式重新写了代码：

addmarks = function(nodes){
      var _nodes = nodes;
      var _markers = new Array();
      for(var i=0;i<_nodes.length;i++){
          var _html = "节点名:"+_node.name;
          shop_markers.push(createMark(_nodes[i], _html));
      }
      myClusterer = new BMapLib.MarkerClusterer(myMap, {markers:shop_markers});
      myClusterer.setMaxZoom(17);
      //myClusterer.setStyles(myStyles);
};
   
createMark = function(node, info_html){
        var _marker = new BMap.Marker(new BMap.Point(node.lng, node.lat));
        _marker.addEventListener("click", function(e){
            this.openInfoWindow(new BMap.InfoWindow(info_html));
        });
        _marker.addEventListener("mouseover", function(e){ 
            this.setTitle("位于: "+node.lng+","+node.lat);
        });
        return _marker;
};

广西南宁市2017-12-15 14:39:23

 marker = g.marker(new BMap.Point(data.ProductList[i].LongPoint, data.ProductList[i].LatPoint), { shadow: true }); 
                                        map.addOverlay(marker); //添加图标 
 
                                        var initPoint = new BMap.Point(data.ProductList[i].LongPoint, data.ProductList[i].LatPoint); 
                                        var infoWindow = new BMap.InfoWindow(infoHtml);  // 创建信息窗口对象 
                                        marker.addEventListener(&quot;click&quot;, function() { 
                                            map.setCenter(this.getPosition()); 
                                            this.openInfoWindow(infoWindow, initPoint);

广西南宁市2017-12-15 14:39:45

两行代码就搞定这个问题

_marker.provalue = _html;                 
                    map.addOverlay(_marker );                                  
_marker .addEventListener('click', function () { this.openInfoWindow(new BMap.InfoWindow(this.provalue)); });

查看文章跳到评论

广西南宁市 2017-12-15 12:00

#0

阅读 35.3万

恍如隔世的《芳华》与不识时务的冯小刚

1942那样极度压抑却几乎没有批判的电影

广西南宁市2017-12-15 12:01:29

豆瓣绝对是国内最权威的评分，且不勉强。豆瓣评分高的电影可能不一定好，但评分低的肯定差…………因此不要把它当成电影审美权威指南，而是当成避雷利器就好！

广西南宁市2017-12-15 12:01:51

不管说什么都带上战狼看见这个词就脑仁疼。看过从哪个角度都不是好电影不提也罢

广西南宁市2017-12-15 12:02:31

冯导最近的几部都偏于压抑，该调整下口味了。至于绝不向商业妥协，没什么看法，不少片子还是有自己的市场的。冯大炮的大腕太绝了，整个现今时代都能在当年的电影中找到刻画。商业化和娱乐性与人文的结合确实很难，但抛去商业化一昧的追求个性，或者商业化一路走到黑，看似都不是一条好路。皇上看多了，纸醉金迷看多了，爱国主义教育接受完了，草根也总得看看自己身边的故事不是。

广西南宁市2017-12-15 16:30:04

对不起导演，我想看葫芦娃大战孙悟空。。。

广西2017-12-16 23:03:18

看了太多他的成功，我差点以为他无所不能，他也是人啊

查看文章跳到评论

广西南宁市 2017-12-15 11:36

#0

阅读 53万

王健林的滑铁卢

大方向把持得住，小事上需要别人推动一下。

广西南宁市2017-12-15 11:39:26

20年票房敌不过一部《战狼2》是什么感受

广西南宁市2017-12-20 10:32:15

标题太大，内容太窄

广西南宁市2017-12-25 10:48:37

拿前任的钱，去嫖娼，不合适

查看文章跳到评论

lizhenqiu blog

最新评论聚合

2017那些“风暴眼”里的创投者

一个明星渣男的故事，终于盖过了程序员的一条命

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

jQuery判断图片是否加载完成

不加载图片！直接HTTP方式获取图片尺寸

常用html、demo代码

js获取浏览器高度和宽度值

AOS.js页面滚动元素动画jQuery动画库

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

常用html、demo代码

<?= 和<?php 的区别

软件开发模式变迁史

微信小程序开发笔记

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

迅雷邹胜龙的错过

小火箭旋转翻动转动3D动画效果跟随返回顶部HTML

雷军的本命年：轮回中的挫败、幸运和逆袭

百度地图显示多个标注点

恍如隔世的《芳华》与不识时务的冯小刚

王健林的滑铁卢