lionhylra/loadImgByUrl.js

## loadImgByUrl.js
var nextimage = "http://www.gbtags.com/gb/networks/uploadimgthumb/55d67b14-fb25-45e7-acc8-211a41047ef0.jpg";
$(document).ready(function(){
  window.setTimeout(function(){
    var img = $("<img>").attr("src", nextimage).load(function(){
     $('div').append(img);
    });
  }, 100);
});

## resizeImg.js
$(window).on("load", function() {
	// 图片修改大小
	$('#imglist img').each(function() {
		var maxWidth = 120;
		var maxHeight = 120;
		var ratio = 0;
		var width = $(this).width();
		var height = $(this).height();

		if(width > maxWidth){
			ratio = maxWidth / width;
			$(this).css("width", maxWidth);
			$(this).css("height", height * ratio);
			height = height * ratio;
		}

		if(height > maxHeight){
			ratio = maxHeight / height;
			$(this).css("height", maxHeight);
			$(this).css("width", width * ratio);
			width = width * ratio;
		}
	});

});

## scrillToLoad.js
var loading = false;
$(window).scroll(function(){
	if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
		if(loading == false){
			loading = true;
			$('#loadingbar').css("display","block");
			$.get("load.php?start="+$('#loaded_max').val(), function(loaded){
				$('body').append(loaded);
				$('#loaded_max').val(parseInt($('#loaded_max').val())+50);
				$('#loadingbar').css("display","none");
				loading = false;
			});
		}
	}
});

$(document).ready(function() {
	$('#loaded_max').val(50);
});

## scrollTo.html
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Free Web tutorials">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="Ståle Refsnes">
  <meta charset="UTF-8">
  <style type="text/css">
    #container{
   height: 2000px;
   line-height: 1000px;
   text-align: center;
   font-family: Arial;
   border: 1px solid #EEEEEE;
  }

  .topLink{
    float:right;
    padding:10px;
    color: #CCC;
  }
  </style>
</head>
<body>

<h1 id="anchor">页面标题</h1>
<div id="container">页面内容</div>
<p><a href="#anchor" class="topLink">回到顶端</a></p>

</body>
</html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {

  $("a.topLink").click(function(e) {
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
      duration: 500,
      easing: "swing"
    });
    e.preventDefault();
  });

});
</script>

## 密码强度.js
$('#pass').keyup(function(e) {
     var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g");
     var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
     var enoughRegex = new RegExp("(?=.{6,}).*", "g");
     if (false == enoughRegex.test($(this).val())) {
             $('#passstrength').html('More Characters');
     } else if (strongRegex.test($(this).val())) {
             $('#passstrength').className = 'ok';
             $('#passstrength').html('Strong!');
     } else if (mediumRegex.test($(this).val())) {
             $('#passstrength').className = 'alert';
             $('#passstrength').html('Medium!');
     } else {
             $('#passstrength').className = 'error';
             $('#passstrength').html('Weak!');
     }
     return true;
});
	var nextimage = "http://www.gbtags.com/gb/networks/uploadimgthumb/55d67b14-fb25-45e7-acc8-211a41047ef0.jpg";
	$(document).ready(function(){
	window.setTimeout(function(){
	var img = $("<img>").attr("src", nextimage).load(function(){
	$('div').append(img);
	});
	}, 100);
	});
	$(window).on("load", function() {
	// 图片修改大小
	$('#imglist img').each(function() {
	var maxWidth = 120;
	var maxHeight = 120;
	var ratio = 0;
	var width = $(this).width();
	var height = $(this).height();

	if(width > maxWidth){
	ratio = maxWidth / width;
	$(this).css("width", maxWidth);
	$(this).css("height", height * ratio);
	height = height * ratio;
	}

	if(height > maxHeight){
	ratio = maxHeight / height;
	$(this).css("height", maxHeight);
	$(this).css("width", width * ratio);
	width = width * ratio;
	}
	});

	});
	var loading = false;
	$(window).scroll(function(){
	if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
	if(loading == false){
	loading = true;
	$('#loadingbar').css("display","block");
	$.get("load.php?start="+$('#loaded_max').val(), function(loaded){
	$('body').append(loaded);
	$('#loaded_max').val(parseInt($('#loaded_max').val())+50);
	$('#loadingbar').css("display","none");
	loading = false;
	});
	}
	}
	});

	$(document).ready(function() {
	$('#loaded_max').val(50);
	});
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Free Web tutorials">
	<meta name="keywords" content="HTML,CSS,XML,JavaScript">
	<meta name="author" content="Ståle Refsnes">
	<meta charset="UTF-8">
	<style type="text/css">
	#container{
	height: 2000px;
	line-height: 1000px;
	text-align: center;
	font-family: Arial;
	border: 1px solid #EEEEEE;
	}

	.topLink{
	float:right;
	padding:10px;
	color: #CCC;
	}
	</style>
	</head>
	<body>

	<h1 id="anchor">页面标题</h1>
	<div id="container">页面内容</div>
	<p><a href="#anchor" class="topLink">回到顶端</a></p>

	</body>
	</html>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script>
	$(document).ready(function() {

	$("a.topLink").click(function(e) {
	$("html, body").animate({
	scrollTop: $($(this).attr("href")).offset().top + "px"
	}, {
	duration: 500,
	easing: "swing"
	});
	e.preventDefault();
	});

	});
	</script>
	$('#pass').keyup(function(e) {
	var strongRegex = new RegExp("^(?=.{8,})(?=.[A-Z])(?=.[a-z])(?=.[0-9])(?=.\W).*$", "g");
	var mediumRegex = new RegExp("^(?=.{7,})(((?=.[A-Z])(?=.[a-z]))\|((?=.[A-Z])(?=.[0-9]))\|((?=.[a-z])(?=.[0-9]))).*$", "g");
	var enoughRegex = new RegExp("(?=.{6,}).*", "g");
	if (false == enoughRegex.test($(this).val())) {
	$('#passstrength').html('More Characters');
	} else if (strongRegex.test($(this).val())) {
	$('#passstrength').className = 'ok';
	$('#passstrength').html('Strong!');
	} else if (mediumRegex.test($(this).val())) {
	$('#passstrength').className = 'alert';
	$('#passstrength').html('Medium!');
	} else {
	$('#passstrength').className = 'error';
	$('#passstrength').html('Weak!');
	}
	return true;
	});