Categories: كدهای متن

کد افکت جالب برای متن

با سلام

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

برای دیدن به ادامه مطلب بروید


جهت استفاده ابتدا کد زیر را (حتما) بعد از تگ <body> کپی کنید:
<script type=”text/javascript”>
function setupFadeLinks() {
arrFadeLinks[0] = “#”;
arrFadeTitles[0] = “جمله ی اول“;
arrFadeLinks[1] = “#”;
arrFadeTitles[1] = “جمله ی دوم“;
arrFadeLinks[2] = “#”;
arrFadeTitles[2] = “جمله ی سوم“;
arrFadeLinks[3] = “#”;
arrFadeTitles[3] = “جمله ی چهارم“;
arrFadeLinks[4] = “#”;
arrFadeTitles[4] = “جمله ی پنجم“;
arrFadeLinks[5] = “#”;
arrFadeTitles[5] = “جمله ی ششم“;
arrFadeLinks[6] = “#”;
arrFadeTitles[6] = “جمله ی هفتم“;
arrFadeLinks[7] = “#”;
arrFadeTitles[7] = “جمله ی هشتم“; }// You can also play with these variables to control fade speed, fade color, and how fast the colors jump.

var m_FadeOut = 255;
var m_FadeIn=0;
var m_Fade = 0;
var m_FadeStep = 3;
var m_FadeWait = 1600;
var m_bFadeOut = true;

var m_iFadeInterval;

window.onload = Fadewl;

var arrFadeLinks;
var arrFadeTitles;
var arrFadeCursor = 1;
var arrFadeMax;

function Fadewl() {
m_iFadeInterval = setInterval(fade_ontimer, 10);
arrFadeLinks = new Array();
arrFadeTitles = new Array();
setupFadeLinks();
arrFadeMax = arrFadeLinks.length-1;
setFadeLink();
}

function setFadeLink() {
var ilink = document.getElementById(“fade_link”);
ilink.innerHTML = arrFadeTitles[arrFadeCursor];
ilink.href = arrFadeLinks[arrFadeCursor];
}

function fade_ontimer() {
if (m_bFadeOut) {
m_Fade+=m_FadeStep;
if (m_Fade>m_FadeOut) {
arrFadeCursor++;
if (arrFadeCursor>arrFadeMax)
arrFadeCursor=0;
setFadeLink();
m_bFadeOut = false;
}
} else {
m_Fade-=m_FadeStep;
if (m_Fade<m_FadeIn) {
clearInterval(m_iFadeInterval);
setTimeout(Faderesume, m_FadeWait);
m_bFadeOut=true;
}
}
var ilink = document.getElementById(“fade_link”);
if ((m_Fade<m_FadeOut)&&(m_Fade>m_FadeIn))
ilink.style.color = “#” + ToHex(m_Fade);
}

function Faderesume() {
m_iFadeInterval = setInterval(fade_ontimer, 10);
}

function ToHex(strValue) {
try {
var result= (parseInt(strValue).toString(16));

while (result.length !=2)
result= (“0” +result);
result = result + result + result;
return result.toUpperCase();
}
catch(e)
{
}
}
</script>

به جای عبارت های جمله ی اول، جمله ی دوم، جمله ی سوم، جمله ی چهارم، جمله ی پنجم، جمله ی ششم، جمله ی هفتم و جمله ی هشتم، عبارت ها و نوشته های مورد نظر خود را وارد نمایید. همچنین می توانید برخی جملات را حذف کرده یا بر تعداد آن ها بیفزایید.
حالا هرجا که می خواهید جملات شما نمایش یابد کد زیر را قرار دهید:
<table style=”text-decoration: none; font-family: Tahoma; font-size: 10pt; text-align: justify; direction: rtl”><tr><td height=”20” valign=”middle” width=”462“><div id=”fade_base”><a class=”top_link” id=”fade_link”></div></td></tr></table>
طول و عرض کادری هم که می خواهید متن مورد نظر، درونش حرکت کند را بنویسید.
مدیر

Share
Published by
مدیر

Recent Posts

DAO یا سازمان خودمختار غیرمتمرکز چیست؟

با ظهور فناوری بلاک‌چین و ارزهای دیجیتال، ساختارهای سنتی مدیریت و کسب‌وکار با تحولات عظیمی…

3 هفته ago

۲۴ برنامه رایگان ویرایش ویدئو (موبایل)

امروزه با پیشرفت دوربین گوشی‌های هوشمند، تولید محتوای ویدیویی برای شبکه‌های اجتماعی مثل اینستاگرام، یوتیوب…

4 هفته ago

7 نوع مختلف لوگو و روش انتخاب آنها

لوگو یکی از مهم‌ترین عناصر هویت بصری هر برند است. یک لوگوی مناسب می‌تواند باعث…

1 ماه ago

9 پلاگین وردپرس برای سئو (SEO)

معرفی و مقایسه ۹ پلاگین برتر وردپرس برای سئو در سال ۱۴۰۴ — Yoast، Rank…

2 ماه ago

عمق بازار یا Market Depth چیست؟

عمق بازار یا Market Depth چیست و چگونه در فارکس، بورس و ارز دیجیتال به…

2 ماه ago

ابعاد پست اینستاگرام

اینستاگرام یکی از پرکاربردترین شبکه‌های اجتماعی برای کسب‌وکارها، فروشگاه‌های اینترنتی و صاحبان برندهای شخصی است.…

3 ماه ago