رفتن به مطلب

افکت عوض شدن رنگ مداوم متن


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

سلام دوستان

می خواستم یه متن چشمک زن توی ipb درست کنم که کدهای سی اس اس در این رابطه جواب ندادند، از جاوا هم استفاده می کردم آجاکس کلا از بین می رفت، از خیر چشمک گذشتیم :) راهی هست که متن به صورت مداوم رنگش عوض شه، مثلا سفید و سیاه (یه چیزی مثل چشمک زدن) که حداقل توی فایرفاکس و کروم جواب بده

با تشکر

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

در هر صورت باید چیزی مثل جی کوئری استفاده کنید

مشلکی نیست؟

لینک به ارسال

خب اگه مشکل حل بشه چه اشکالی داره :)

آیا جی کوئری ضعف خاصی داره؟ مثلا حجمش زیاده یا ... ؟

لینک به ارسال

آیا جی کوئری ضعف خاصی داره؟ مثلا حجمش زیاده یا ... ؟

منظور مرتضی جان از این نظر که شما برداشت کردید نبود ;) .

چند تا کد آماده داشتم شاید بکارتون بیاد :) .



Blink = function(elem){
$(elem).animate({opacity:'0'},200,function(){
$(elem).animate({opacity:'1'},500,Blink(elem));
});
}

یا


$('.blink').each(function() {
var elem = $(this);
elem.removeClass('blink');
setInterval(function(){
if (elem.css('visibility') == 'hidden')
elem.css('visibility', 'visible');
else
elem.css('visibility', 'hidden');
}, 555);
});

ویرایش شده توسط alireza.nh
لینک به ارسال

بغیر از ورزن های قدیمی ie این کدها کارتون رو راه می ندازند


.myTXT {
color:#CC0000;
animation-name:mycolorset;
animation-duration:3s;
animation-timing-function:linear;
animation-delay:.2ms;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
/* Firefox: */
-moz-animation-name:mycolorset;
-moz-animation-duration:3s;
-moz-animation-timing-function:linear;
-moz-animation-delay:.2ms;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
/* Safari and Chrome: */
-webkit-animation-name:mycolorset;
-webkit-animation-duration:3s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:.2ms;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
}
@keyframes mycolorset
{
0% {color:#cc0000;}
50% {color:#00cc00}
100%{color:#0000cc}
}
@-moz-keyframes mycolorset /* Firefox */
{
0% {color:#cc0000;}
50% {color:#00cc00}
100%{color:#0000cc}
}
@-webkit-keyframes mycolorset /* Safari and Chrome */
{
0% {color:#cc0000;}
50% {color:#00cc00}
100%{color:#0000cc}
}

لینک به ارسال

ممنون آقای فخار، رنگها و سرعتش رو مقداری دستکاری کردم شد عین همون چشمک زن و توی همه مرورگرها هم کار می کنه B)

لینک به ارسال

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

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

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

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

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

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

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

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

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