jQuery vGrid - 브라우저 너비에 따른 가변 그리드
Open API/Jquery2016. 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>
댓글()
