طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

شبیه سازی گرانش با جی کوئری

شبیه سازی گرانش با استفاده از این پلاگین جی کوئری

آموزش استفاده

  1. قبل از تگ <head/>
    		<link href='css/style.css' rel='stylesheet' type='text/css' />
    
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    		<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    
    		<link href='css/gravity.css' rel='stylesheet' type='text/css' />
    		<script src="js/gravity.js" type="text/javascript"></script>

     

  2. بعد از تگ <body>
    		<div style='padding: 15px;'>
    
    			<div class='content'>
    
    				<h1>Gravity simulation in jQuery</h1>
    
    				<h2>Example:</h2>
    
    				<p>Touch the red strings to make the blocks fall.</p>
    
    				<p><a href="javascript: Gravity.reset()">Click here to rewind</a></p>
    
    				<div id="air">
    					<div style='padding-left: 100px;' class="block_container">
    						<div class="block">
    							Block 1
    						</div>
    						<div class='handle_wrap'>
    							<div class="handle">
    								&nbsp;
    							</div>
    						</div>
    						<div class="block">
    							Block 2
    						</div>
    					</div>
    
    					<div style='padding-left: 100px' class='block_container'>
    						<div class="block">
    							Block 3
    						</div>
    						<div class='handle_wrap'>
    							<div class="handle">
    								&nbsp;
    							</div>
    						</div>
    						<div class="block">
    							Block 4
    						</div>
    					</div>
    
    					<div style='padding-left: 100px' class='block_container'>
    						<div class="block">
    							Block 5
    						</div>
    						<div class='handle_wrap'>
    							<div class="handle">
    								&nbsp;
    							</div>
    						</div>
    						<div class="block">
    							Block 6
    						</div>
    					</div>
    				</div>
    				<div id="ground">
    					&nbsp;
    				</div>
    
    				<br />
    
    			</div>
    
    		</div>

     

نظر دهید

دانلود و پیش نمایش

دانلود و پیش نمایش فایل شبیه سازی گرانش با جی کوئری

دانلود پلاگین پیش نمایش آنلاین

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)