ijquery

افکت کشیدن و رها کردن المنت

screenshot

پلاگینی بسیار جذاب مخصوص فروشگاه ها

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

  1. قبل از تگ <head/>
    		<!-- The jQuery UI Styles -->
            <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    
            <!-- Our stylesheet -->
            <link rel="stylesheet" href="assets/css/styles.css" />

     

  2. بعد از تگ <body>
            <div id="main">
    
            	<div class="folder">
    			    <div class="front"></div>
    			    <div class="back"></div>
    			</div>​
    
    			<img src="assets/48px/box.png" style="top:340px;left:100px;" alt="box" />
    			<img src="assets/48px/calculator.png" style="top:340px;left:170px;" alt="calculator" />
    			<img src="assets/48px/clipboard.png" style="top:340px;left:240px;" alt="clipboard" />
    			<img src="assets/48px/console.png" style="top:340px;left:310px;" alt="console" />
    			<img src="assets/48px/basketball.png" style="top:340px;left:380px;" alt="basketball" />
    			<img src="assets/48px/facebook.png" style="top:400px;left:100px;" alt="facebook" />
    			<img src="assets/48px/gift.png" style="top:400px;left:170px;" alt="gift" />
    			<img src="assets/48px/id_card.png" style="top:400px;left:240px;" alt="id card" />
    			<img src="assets/48px/imac.png" style="top:400px;left:310px;" alt="imac" />
    			<img src="assets/48px/system_monitoring.png" style="top:400px;left:380px;" alt="system monitoring" />
    
            </div>
    
            <!-- JavaScript Includes -->
            <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
            <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
            <script src="assets/js/script.js"></script>

     

 


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

2 دیدگاه دربارهٔ «افکت کشیدن و رها کردن المنت»

  1. سلام
    اول از همه بابت سایت بسیار مفید و ارزشمندتون تبریک میگم و عرض تشکر دارم / این حرکت شما بسیار قابل تقدیره

    بعد از دیدن این کد (افکت کشیدن و رها کردن المنت) سوالی برام پیش اومد، آیا راهی هم هست که بدونیم کدوم آیتم ها کشیده شده و داخل فولدر ریخته شده ؟

    ممنون

  2. سلام
    مرسی وحید جان
    شما وقتی داری یک المنت رو دراپ میکنی سورس رو که نگاه کنی مقدار میریزه تو کلاس front که تو سند جاوا اسکریپت به صورت یک متغیر تعریف شده

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *