jQuery vGrid - 브라우저 너비에 따른 가변 그리드

Open API/Jquery|2016. 11. 1. 09:53
반응형



브라우저 사이즈에 따른 가변 그리드

 

PlugIn Url : http://blog.xlune.com/2009/09/jqueryvgrid.html


 

936.zip




<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
<script src="/936/jquery.vgrid.js"></script>  
</head> 
<script type="text/javascript">
//<![CDATA[
$(function() { 
    $("#sample").on("change", function(){ 
		$("#isample").attr("src","/936/936-"+this.value+".html");
    }); 
}); 
//]]>
</script>

<body>   
<select id="sample">
	<option value="0"> == sample ==</option>
	<option value="1">Simple Example</option>
	<option value="2">Basic Option Example</option>
	<option value="3">Any Height Grid Example</option>
	<option value="4">FadeIn Option Example</option>
	<option value="5">Sort Example</option>
	<option value="6">Dynamic Grid, Start/Finish Event Example</option>
	<option value="7">Dynamic Image Grid, Start/Finish Event Example</option>
	<option value="8">Multi Box Grid Example</option>
	<option value="9">Grid Element Show/Hide Example</option>
	<option value="10">Drag And Drop Sort Example</option>
</select>
<iframe id="isample" src="" width="100%;" height="1200"></iframe>
</body>
</html>


댓글()