ijquery

تب جی کوئری

ScreenShot

منوی تب دار متفاوت…

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

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 -->

 


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

1 دیدگاه دربارهٔ «تب جی کوئری»

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

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