parseh

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

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

سلام به همگی

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

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

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

تشکر از شما

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;

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط PejmanDesigner
      با عرض سلام و خسته نباشید خدمت دوستانم .
      من مشکلی دارم که با جستجو نتونستم به جواب برسم شاید مواردی که جستجو می کردم اشتباه بوده .
      من می خوام در قسمت منو ها لینکی بزارم که صفحه جدیدی رو باز نکنه و به قسمت های مختلف در همون صفحه بره .
      من یک وب سایت تک صفحه دارم و برگه جدیدی ندارم . ولی می خوام با کلیک بر روی قسمت های مختلف منو بازدید کننده مستقیم اسکرول بشه به همون موقعیت .
      حالا دو سوال دارم در این رابطه
      اول اینکه ایا افزونه ای هست که این کار رو انجام بده ؟ یا اینکه باید کدی رو وارد کنم ؟ (لطفا در صورت داشتن کد ، علاوه بر کد نحوه قرار گیری هم توضیح داده شود)
      دوم اینکه اون طوری که من خیلی وقت پیش ها شنیدم مقدار پیکسل میگیره این کد که کجا اسکرول بشه ، حالا سوالم اینجاست که ما پیکسل بدیم داخل این کد ها یا افزونه آیا درحالت رسپانسیو مشکل ایجاد میشه یا نه ؟
    • توسط saeeddeeas
      سلام دوستان 
      من مشکلم رو با طراحی منوهای شناوری و واکنش گرای خشکل و شیک نتونستم حل کنم خواهشا یک اموزش جامع برای این کار بدید 
      و اینکه چه افزونه ای در ورد پرس برای اینکار پیشنهاد میکنید 
    • توسط mostafabahrami
      با سلام خدمت تمام دوستان عزیز امیدوارم کسی بتونه به من کمک کنه ، من تو سایتم یه مشکل دارم و اونم اینه که میخوام فهرست سربرگ رو که بالای اسلایدرم هست از سمت چپ به سمت راست انتقال پیدا کنه و برعکس سرتیتر سایتم و لوگوش به سمت چپ برن عکس دمو رو هم براتون لینک میکنم دوستان.
      http://dl.hamyarwp.com/2015/02/spacious-naskh-hamyarwp.com_.png
      بله همونجوری که دیدید فقط میخوام بالای سایت جای منوهارو با سرتیتر عوض کنم.
       
      ممنونم
    • توسط toopdesign
      با سلام خدمت تمامی دوستان گرامی.....
      سوال : چگونه می توانم یک منوی جدید به بخش کاربری در ووکامرس اضافه کنم؟
      کدام فایل ووکامرس را بایستی ویرایش کنم؟
      ممنونم ازینکه پاسخ مرا می دهید.
    • توسط alireza456
      سلام
      میخواستم طریقیه راست چین کردن زیر منو رو سوال کنم.
      آدرس سایت : www.6tayiya.com
      مرسی