پلاگین جی کوئری ایرانی ، آخرین اخبارها و رویداد ها نوشته شده توسط ijquery.ir با پشتیبانی از حروف فارسی با 3 افکت محو شدن و اسلاید و تایپ .
مشاهده پلاگین در مخزن پلاگین های jquery.com .
آموزش استفاده
فراخوانی کتابخانه jquery و inewsticker.js قبل از بسته شدن تگ <body>
<script src="jquery.js"></script> <script src="inewsticker.js"></script>
فراخوانی تابع + تنظیمات بعد از کد های فوق
<script>
$(document).ready(function() {
$('.fade').inewsticker({
speed : 3000,
effect : 'fade',
dir : 'ltr',
font_size : 13,
color : '#fff',
font_family : 'arial',
delay_after : 1000
});
$('.slide').inewsticker({
speed : 2500,
effect : 'slide',
dir : 'ltr',
font_size : 13,
color : '#fff',
font_family : 'arial',
delay_after : 1000
});
$('.typing').inewsticker({
speed : 100,
effect : 'typing',
dir : 'ltr',
font_size : 13,
color : '#fff',
font_family : 'arial',
delay_after : 1000,
});
});
</script>
استفاده از کد html
<ul class="fade">
<li>Hello</li>
<li>I am mahdi khaksar from iran</li>
<li>I am designer and programmer at progpars.com </li>
<li>www.ijquery.ir</li>
</ul>
<h3>Slide effect</h3>
<ul class="slide">
<li>Hello</li>
<li>I am mahdi khaksar from iran</li>
<li>I am designer and programmer at progpars.com </li>
<li>www.ijquery.ir</li>
</ul>
<h3>Typing effect</h3>
<ul class="typing">
<li>Hello</li>
<li>I am mahdi khaksar from iran</li>
<li>I am designer and programmer at progpars.com </li>
<li>www.ijquery.ir</li>
</ul>
همانطور که کد ها را مشاهده می کنید ما به هر کدام از افکت ها یک کلاس دادیم شما می توانید کلاس خود را به عنصر پدر بدهید تا فرزندان عنصر پدر افکت مورد نظر را بگیرند .
تنظیمات :
$('.effect').inewsticker({
speed : 3000,//سرعت عوض شدن متن
effect : 'fade',//نوع افکت fade,slide,typing
dir : 'ltr',//چپ چین یا راست چین بودن متن rtl,ltr
font_size : 13,//اندازه متن
color : '#fff',//رنگ متن
font_family : 'arial',//نوع فونت متن
delay_after : 1000//تعیین مدت زمان برای عوض شدن متن
});
عالیه خیلی وقت بود دنبال یه همچین چیزی با همین کیفیت میگشتم ممنون ♥
سلام وقت بخیر
ممنون از مطالب عالیتون
یک سوال دارم
من قالب Typing effect را نیاز دارم ، اما با اینکه سایتم را اتصال به فایلهای jquery میدهم و هم قسمت مورد نظر را داخل سایتم کپی میکنم ، اما از کار می افته و فقط یک متن ثابت مثل بهم نشون میده
آقا مهدی اگه لطف کنید و راهنمایی کنید ممنون می شم ، خیلی وقت این اشکال را دارم
ممنونم
سلام کنسول مروگر رو چک کنین ببینید ارور چی میده یا آدرس سایت رو بدین من خودم چک کنم
سلام
سایت رو هنوز آپلود نکردم ، امکان داره فایلهام رو براتون ایمیل کنم و آدرس ایمیلتون رو محبت میکنید؟
با تشکر
سلام
به info@ijquery.ir بفرستید
با سلام ضمن خسته نباشید
در قسمت افکت Typing لینکهای داخل li تبدیل به متن خالی میشن افکت درست کار می کنه اما لینک ها رو تبدیل به متن خالی می کنه البته در دو افکت دیگه درست کار می کنه اگر میشه راهنمایی کنید تا مشکل و رفع کنم
چرا دیگه آپ نمیکنید ؟ 🙁
سلام آقا مهدی.
ممنون از این مطلب عالی و بسیار کاربردی.
فقط یک سئوال دارم و اون اینکه:
وقتی از افکت typing استفاده می کنیم، لینک های متن هایی که دارن تایپ میشن از کار میفتن!
آیا میشه کاری کرد که لینک های داخل تگ ul که از افکت typing استفاده میکنه از کار نیفته؟
سلام. من توی پروژه ام از این کد به عنوان اطلاعیه ها استفاده کردم. معمولاً اخرین اطلاعیه ها در بالای سایت قرار می گیرند. ولی خب ممکن است چند اطلاعیه همزمان با هم باشند که در این صورت این پلاگین جی کوئری کاربردی است.
همونطور که گفتم معمولا یک اطلاعیه یا … مورد استفاده است. وقتی هم یک … رو استفاده کنم، بعد از چند ثانیه متن محو میشه. میشه راه حل بدید که اگر از یک لیست استفاده شد همون ثابت بمونه و اگر بیشتر بود کارشو ادامه بده؟
دوست عزیز … ها همان تگ لیست ها هستند.
وردپرس حذف کرد.
خوب محمد جان گویا مشکل حل شد من دیر به کامنت شما رسیدم . اگر مشکلی هنوز هست بپرس
یک نکته دیگر اینکه من میخوام توی متن لینک بدم. ولی لینک ها کار نمی کنند.
با سلام
تشکر فراوان از سایت مفیدتون
این افکت رو توی این صفحه قرار دادم
http://aemehathar.com/home/test/lang/Fa.aspx
افکت تایپ فقط یک بار نمایش داده میشه و فقط مورد اولش
راهنمایی بفرمایید.
با سلام: بنده یک قالب انگلیسی رو فارسی کردم که از کتابخانه جی کوئری پشتیبانی می کنه لذا وقتی این کد رو (طبق آموزش شما) مب گذارم عمل نمی کند.لطفا راهنماییم کنید
بازتاب: معرفی پلاگین جی کوئری ایرانی inewsticker | طراحی وب سایت
خیلی وقته دنبالش بودم ممنون
خواهش میکنم آقای روحانی عزیز
مرسی از نظرت
بسیار عالی
عالییییییییییییییی
ممنون
این جی کوئری چندتا کمبود داره
یکی اینکه لینک ها قابل کلیک نیست
دومی هم موس روش می ره وای نمیسته
مشکلی که داره اینه که لینک نمی شه بهش داد . بعضی از جاها نیازه تا وقتی روش کلیک شد به یه لینکی هدایت بشه ؟
با سلام
وقتی از یک لینک داخل li استفاده میکنم تو حالت نمایش نمیشه روی لینک کلیک کرد. مشکل از کجاست بنظرتون
سلام
خسته نباشید
این برای متن های لینک دار جواب نمیده ؟؟ نه ؟؟
سلام ببخشید واسه من خطای زیر رو میده
TypeError: $(…).inewsticker is not a function
$(‘.fade’).inewsticker({
ممنون میشم برام ایمیل کنید راه حلش رو
سلام ممنون از این پلاگین
من قرار دادم تو پروژه ام درست کار کرد الا یه جاش اونم بررسی کنید
وقتی می خوای به صورت لینک قرار بدی با افکت های fade , slide درست کار می کنه ولی با تایپینگ درست کار نمی کنه یعنی لینک نمی شه بررسی کنید و خبر بدید لطفا
ممنون
سلام ؛
عالیه ممنون اما چرا لینک بهش میدم خودش لینکش و حذف میکنه توی خروجی ؟
ba salam
dar mode typing error midahad.
Uncaught RangeError: Invalid array length
سلام عرض ادب خسته نباشید . ممنون از پلاگین زیباتون
فقط یه سوال داشتم نمی شه به هر کدام که نمایش داده میشه لینک داد ؟ مثلا لینک هم نمایش بده ؟
سلام،
با تشکر از پلاگین بسیار خوبتون
ای کاش در رویداد onMouseOver میشد که pause بشه و در onMouseOut میشد که play بشه.
با تشکر
عالی بود تشکر
چجوری باید واسش لینک بزاریم
اگه بخوایم هر متن یه لینک باشه به ادامه مطلب این پلاگین این امکان رو نداره