رفتن به مطلب

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


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

سلام دوستان

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

با تشکر

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

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

مشلکی نیست؟

  • امتیاز 2
لینک به ارسال

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

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

لینک به ارسال

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

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

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



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
  • امتیاز 1
لینک به ارسال

بغیر از ورزن های قدیمی 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}
}

  • امتیاز 3
لینک به ارسال

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

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...