منوی تب دار متفاوت…
آموزش استفاده
1- پلاگین و css را فراخوانی می کنیم
<link rel='stylesheet' type='text/css' href='css/style.css' /> <script type='text/javascript' src='js/jquery-1.4.2.min.js'></script> <script type='text/javascript' src='js/slotmachine.js'></script>
2- HTML
<div id="page-wrap"> <div id="slot-machine-tabs"> <ul class="tabs"> <li><a href="#one">Tab One</a></li> <li><a href="#two">Tab Two</a></li> <li><a href="#three">Tab Three</a></li> </ul> <div class="box-wrapper"> <div id="one" class="content-box"> <div class="col-one col"> <img src="images/evangeline.jpg" alt="" /> </div> <div class="col-two col"> <h3></h3> <p> دنیای جی کوئری در بهمن ماه ۱۳۹۱ فعالیت خود را با هدف ایجاد منبعی برای دانلود سورس های آماده جی کوئری برای طراحان وب آغاز کرده است.</p> </div> <div class="col-three col"> <p>وب سایت دنیای جی کوئری به عنوان اولین وب سایت در ایران به صورت تخصصی بر روی جی کوئری فعالیت میکند. فعالیت سایت به دو دسته تقسیم میشود : بخش اول معرفی و دانلود جدید ترین مثال و سورس های آماده جی کوئری همراه با دمو و آموزش و سورس.</p> </div> </div> <div id="two" class="content-box"> <div class="col-one col"> <img src="images/elizabeth.jpg" alt="" /> </div> <div class="col-two col"> <h3></h3> <p>بخش دیگر این سایت مستندات آموزشی است که برای تک تک مثال هایی که در وب سایت ارسال میشود بخش دمو و دانلود سورس و آموزش استفاده در نظر گرفته شده است و این خود باعث سهولت برای طراحان وب شده است.</p> </div> <div class="col-three col"> <p>۹۹٪ مثال هایی که در سایت ارسال میشود معمولاْ به صورت دو زبان فارسی و انگلیسی قرار داده شده است که برای طراحانی که قالب های راست چین یا چپ چین طراحی میکنند قابل استفاده باشد .</p> </div> </div> <div id="three" class="content-box"> <div class="col-one col"> <img src="images/sonya.jpg" alt="" /> </div> <div class="col-two col"> <h3></h3> <p>فروش تی شرت جی کوئری</p> </div> <div class="col-three col"> <p>نظرسنجی چاپ تی شرت جی کوئری برای علاقه مندان!</p> </div> </div> </div> </div> <!-- END Box Wrapper --> </div> <!-- END Slot Machine Tabs -->
perfect