رفتن به مطلب

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


پست های پیشنهاد شده

سلام به همگی

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

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

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

تشکر از شما

11379934461000857481.jpg

لینک به ارسال

سلام

فرض کنید متن مورد نظر شما در تگ 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>

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

لینک به ارسال

ممنون از شما

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

سپاس

لینک به ارسال

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

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

لینک به ارسال

ممنون از شما

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

سپاس

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


-webkit-animation-duration:.2s;

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...