parseh

افکت دادن به متن در منوی ساده

6 پست در این موضوع قرار دارد

سلام به همگی

من میخوام یک تب از منوی سایتم بصورت چشمک زن در منو ظاهر بشه

قالب از نوع قالب های آرتیستر هست

فقط هم میخوام همون متن مورد نظر چشمک بزنه ، منظور از چشمک زدن هم اینه که از رنگ قرمز تا سفید بصورت لوپ تغییر کنه

تشکر از شما

11379934461000857481.jpg

0

به اشتراک گذاری این پست


لینک به پست

سلام

فرض کنید متن مورد نظر شما در تگ H1 است و بهش کلاس بدید ، اینجوری :


<h1 class="flash-colour">متن چشمک زن</h1>

در استایل اضافه کنید :


.flash-colour {
color: #da9d4d;
}
.blue {
color: #6495ff;
}

همچنین در هدر (header.php) بین تگ head اضافه کنید :


<script type="text/javascript">
var textObject = {
delay : 300,
effect : 'replace',
classColour : 'blue',
flash : function(obj, effect, delay) {
if (obj.length > 0) {
if (obj.length > 1) {
jQuery.each(obj, function() {
effect = effect || textObject.effect;
delay = delay || textObject.delay;
textObject.flashExe($(this), effect, delay);
});
} else {
effect = effect || textObject.effect;
delay = delay || textObject.delay;
textObject.flashExe(obj, effect, delay);
}
}
},
flashExe : function(obj, effect, delay) {
var flash = setTimeout(function() {
switch(effect) {
case 'replace':
obj.toggle();
break;
case 'colour':
obj.toggleClass(textObject.classColour);
break;
}
textObject.flashExe(obj, effect, delay);
}, delay);
}
};
$(function() {

textObject.flash($('.flash'), '', 700);

textObject.flash($('.flash-colour'), 'colour', 400);

});
</script>

برای اینکه بهتر متوجه بشید نمونه ای که خودم براتون درست کردم رو ببینید . در ضمن کتابخانه ی جی کوئری هم باید فراخوانی بشه .

4

به اشتراک گذاری این پست


لینک به پست

همچنین این تایپیک رو بخونید

3

به اشتراک گذاری این پست


لینک به پست

ممنون از شما

یک کد دیگه ندارید که افکتش یخورده انمیشنش بهتر باشه ، میخوام طی یک ثانیه از سفید به قرمز بیاد و برگرده ، یعنی نمیخوام لحظه ای سفید باشه و بعد قرمز ( البته میخوام با مرورگرهای قدیمی هم مشکل نداشته باشه یا حداقل در مرورگرهای قدیمی متن ثابت سفید بمونه )

سپاس

0

به اشتراک گذاری این پست


لینک به پست

بنظر من بهتره از css3 استفاده کنید

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

1

به اشتراک گذاری این پست


لینک به پست

ممنون از شما

یک کد دیگه ندارید که افکتش یخورده انمیشنش بهتر باشه ، میخوام طی یک ثانیه از سفید به قرمز بیاد و برگرده ، یعنی نمیخوام لحظه ای سفید باشه و بعد قرمز ( البته میخوام با مرورگرهای قدیمی هم مشکل نداشته باشه یا حداقل در مرورگرهای قدیمی متن ثابت سفید بمونه )

سپاس

صفحه کامل لینکی که دادم را بخوانید کد تست شده css3 را استفاده کنید زمان هم کاملا در کدها مشخصه


-webkit-animation-duration:.2s;

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط rahmani.id.ir
      سلام
      با افزونه فونت ماندگار فونت بخش‌های مختلف رو تغییر دادم اما هر کاری کردم فونت منو تغییر نکرد.
       
      لطفا راهنمایی بفرمایید
    • توسط Ahmad64
      سلام وقت بخیر
      ما یه وب سایت جدید وردپرس را انداختیم فقط نحوه ساخت منو و کتگوری رو متوجه نشدیم ممنون میشم راهنمایی کنید.
      منوی اصلی (کنار لوگو ) = صفحه اصلی - بررسی تخصصی موبایل - بررسی تخصصی تبلت - بررسی تخصصی گجت های پوشیدنی (به ترتیب اولویت - بدون زیرشاخه)
      راحتتون کنم میخوام طوری بشه که وقتی میخوایم ویدیو آپلود کنیم بتونیم ویدیورو ببریم توی یکی از اون شاخه ها.
      ممنون میشم راهنمایی بفرمایید.
       
    • توسط vazizi69@yahoo.com
      سلام 
      چطور میتونم برای صفحه اصلی سایت و صفحه فروشگاه و یا برگه های دیگه برای هر کدوم  فهرست منو ( منوی اصلی افقی بالای صفحه ) متفات داشته باشم 
      مثلا منوی افقی بالای صفحه مخصوص محصولات رو فقط تو صفحه فروشگاه دیده بشه و در صفحه دیگه ای از سایت منوی دیگه ای رو تنظیم کنم که نشون داده بشه
    • توسط stevej
      سلام من یک افزونه برای وردپرس یا ووکامرس میخوام که منوش رو به همچین شکلی در بیاره لطفا بهم معرفی کنید اگر میشناسید

    • توسط Siaavash
      یک سایت هست که چندین صفحه داره به صورت زیر:
      1- صفحه اصلی
      2- درباره ما
      3- تماس
      4- صفحه نمونه کارها
      5- صفحات هر نمونه کار
      منوی این سایت به صورت همبرگری طراحی شده. می خوام کاربر توی هر صفحه ای که هست وقتی روی منو کلیک می کنه لینک صفحات دیگه نمایش داده بشه. برای مثال:
      وقتی کاربر داخل صفحه اصلی هست لینک شماره های 2-3-4 نمایش داده بشه، و وقتی داخل صفحه تماس هست لینک شماره های 1-2-4 نمایش داده بشه و وقتی داخل صفحات 5 هست لینک شماره های 1-2-3-4 نمایش داده بشه داخل منو
       
      راه حل درست و اصولی برای پیاده کردن این مورد چیه؟