کدستان - مرجع بزرگ کد و ابزار رایگان وب نویسان - کد متن متحرک

مرورگر شما از کد های جاوا اسکریپت پشتیبانی نمی کند. شما می بایست مرورگر خود را تعویض و یا جاوا اسکریپت آن را فعال کنید.

تبلیغات

موضوعات

✔ کد نویسی

✘ کدستان - قدیمی
✘ قالب
✘ اسکریپت

✔ ورزشی

✘ کد و جدول لیگ ها

✔ ترفند ها

✘ ترفند های ترفندستان
✘ ترفند مرورگر

✔ کدستان - جدید

✘ ساعت
✘ پسورد
✘ دکمه ها
✘ ماشین حساب
✘ فرم ها
✘ کد های متفرقه
✘ مبدل ها
✘ لینک ، منو و باکس
✘ کد عکس

✔ آموزش

✘ آموزش نرم افزار
✘ آموزش های قدیمی
✘ HTML 5
✘ HTML
✘ css
✘ css3
✘ Javascript
✘ متفرقه
✘ امتحانات
✘ ویدئوهای آموزشی

✔ ابزار

✘ ابزار ساخت کد
✘ ابزار رزبلاگ
✘ ابزار متفرقه
✘ ابزار تصاویر
✘ ابزار ریاضی
✘ ابزار لینک و منو
✘ ابزار برای مرورگر ها

✔ سیستم های وب دهی

✘ رزبلاگ

✔ قالب

✘ قالب های آماده

✔ کد های زیبا

✘ کد های زیبای جی کوئری
✘ کد های زیبای CSS
✘ کد های فلش
✘ کد های زیبای جاوا اسکریپت

✔ اسکریپت moisrex

✘ ورژن های اسکریپت moisrex
✘ آموزش استفاده از تابع ها

✔ تخم مرغ شانسی

✘ قالب HTML

اطلاعات کاربری

عضو شويد
فراموشی رمز عبور؟

نام کاربری :
رمز عبور :

عضویت سریع

نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : *

تولبار ما را دانلود کنید

اخبار سایت

تبادل لینک
تبلیغات در سایت ما

در الگوریتم جدید گوگل شما مجاز به تبادل لینک نیستید. یعنی گوگل لینکی را قبول می کند که درون اون لینک لینک اینجا نباشه.
یعنی باید دور تبادل لینک رو خط کشید.

ما برای راحتی کار شما ابزاری ساخته ایم که شما به راحتی با آن می توانید قیمت مکان بنر ها را بدست آورید.

تعرفه تبلیغات در سایت کدستان

خرید قالب های حرفه ای رزبلاگ (کاملا قابل اعتماد)

تبلیغات

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
❤❤❤ چت روم انجمن کدستان ❤❤❤	265	433	jlondon
تغییر فونت قالب	2	25	armin_301
رونالدو نماز میخواند !!! + عکس	7	102	alireza111
ابزار ساخت وضعیت یاهو(پشتیبانی انلاین)	9	37	alireza111
درخواست کد تولتیپ	7	26	alireza111
خبر فوری:انجمن رزبلاگ برای یک لحظه باز شد	4	25	moisrex
استایل	1	15	alireza111
تغییر در ستون قالب	2	15	alireza111
طرز تغییر استایل دکمه های یک بخش از وبم	7	49	dastansms
ترول جام جهانی ، حتما ببینید ...	10	76	alnajon
ترول ...کدستان/رزبلاگ	18	197	p30site
درخواست کد نمایش پس زمینه در سایز مانیتور	4	28	benben
سایت معرفی کنید قالبش به رزبلاگ ترجمه میشه!	89	1288	jakob
متاسفم برای مدیریت انجمن	11	114	SEA
ترول مدیر سایت کدستان (آخر خنده)	35	289	dariushj2

12 3 4 5 6 7 8 9...404 405 »

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

شما با استفاده از این کد می تونید باکسی رو در وب خودتون قرار بدیدکه متن متحرکی در آن موجود است.

این کد بر اساس HTML ساخته شده است و با CSS زیبا سازی شده است.

متن اول
متن دوم
متن سوم
متن چهارم
متن پنجم
متن ششم
متن هفتم
متن هشتم
متن نهم
متن دهم

کد متن متحرک درون چند باکس زیر هم با استفاده از جاوا اسکریپت

این باکس ها هر کدام در یک ردیف متفاوت قرار گرفته اند و متن را حرف به حرف در باکس ها می نویسند که افکتی زیبا خلق می کند و شما می توانید با استفاده از این باکس متن خود را به کاربر با افکت جدولی نشان دهید.

کد متن افکت دار جالب و متحرک به صورت تایپی 2

اگه خوشتون اومده پس برین به ادامه مطلب و کدشو بردارین.

کد باکسی که متن موجود در آن متحرک است

با استفاده از این کد می توانید یک باکس که در آن می توانید بنویسید قبل از نوشتن متنی در آن حرکت می کند.

کد متن متحرک با سرعت بالا در یک فرم

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY onload="banner()"> <FORM NAME="form"> <TD> <INPUT TYPE=hidden NAME=message value="This is a JavaScript ticker..."> <INPUT TYPE=hidden NAME=speed value=80> <INPUT TYPE=text NAME=banner size=40></TD> <a href="http://moisrex.r98.ir">moisrex.r98.ir</a>

کد متن متحرک افکت دار با تنظیمات اضافی (دکمه های خود کار بالا و پایین)

up .::r98::.
.::rozblog::.

.::rozfa::.

Other linke

down

اینم کد:

</style> </head> <table border="0" width="14%" cellspacing="0" cellpadding="0" style="font-family: Tahoma; font-size: 8pt"> <tr> <td> <p align="center"> <a onmouseover="js4ir.scrollDelay=25;js4ir.direction = 'up'; js4ir.start();" style="CURSOR: hand;cursor:default" onmouseout=js4ir.scrollDelay=85 width="9" height="5">up</a> <MARQUEE onmouseover=js4ir.stop() onmouseout=js4ir.start() style="CURSOR: hand" id=js4ir trueSpeed scrollAmount=2 direction=down height=132> <center> <A style="TEXT-DECORATION: none" href="http://moisrex.r98.ir" target="_blank">.::r98::.</A><p> <A style="TEXT-DECORATION: none" href="http://moisrex.rozblog.com" target="_blank">.::rozblog::.</A><p> <A style="TEXT-DECORATION: none" href="http://moisrex.rozfa.com" target="_blank">.::rozfa::.</A><p> <A style="TEXT-DECORATION: none" href="http://www. ... .com" target="_blank">Other linke</A> </center></MARQUEE> </td> </tr> <tr> <td width="36%"> <p align="center"> <a onmouseover="js4ir.scrollDelay=25;js4ir.direction = 'Down'; js4ir.start();" style="CURSOR: hand;cursor:default" onmouseout=js4ir.scrollDelay=85 width="9" height="5">down</a> </td> </tr> </table>

کد متن افکت دار جالب و متحرک و رنگی (جاوا اسکریپت)

<div id="color_matn1" style="width: 440px;"> <div id="adiv"> </div> <script language="javascript"> var message="بهترین کد های جاوا اسکریپت و .... "; speed="150"; function wst() { document.getElementById("adiv").style.width=message.length*50; document.getElementById("adiv").firstChild.nodeValue=message; message=message.substring(1,message.length)+message.charAt(0); setTimeout("wst()", speed); } wst(); </script></div> <script> fcolor1="orange"; fcolor2="yellow"; fcolor3="skyblue"; fcolor4="green"; fcolor5="pink"; function color_matn1() { document.getElementById("color_matn1").style.color=fcolor1; setTimeout("color_matn2();", 45) } function color_matn2() { document.getElementById("color_matn1").style.color=fcolor2; setTimeout("color_matn3();", 45) } function color_matn3() { document.getElementById("color_matn1").style.color=fcolor3; setTimeout("color_matn4();", 45) } function color_matn4() { document.getElementById("color_matn1").style.color=fcolor4; setTimeout("color_matn5();", 45) } function color_matn5() { document.getElementById("color_matn1").style.color=fcolor5; setTimeout("color_matn1();", 45) } color_matn1(); </script>

برای تنظیم کردن متن خود جمله نوشته شده را به جمله ای که مورد نظرتان هست تغییر دهید. برای تغییر رنگ ها نیز می توانید رنگ هایی که آمده (به انگلیسی نوشته شده) را تغییر دهید. جدول و آموزش رنگ ها

دمو:

کد متن افکت دار جالب و متحرک به صورت تایپی

<div id="tickerAnchor" dir="rtl" align="center"></div><script language="JavaScript" type="text/javascript">  </script> <script language="JavaScript" type="text/javascript">  </script>

دمو: http://moisrex.rozblog.com/page/94

تنظیمات: برای این که متن خود را از 6 جمله برای مثال به 10 جمله افزایش دهید عدد 6 را در تگ var theItemCount = 6; (بالای خوش آمدید) به عدد 10 تبدیل کنید و مانند نمونه های پیش رفته در قسمت پایین همین تگ بقیه را تکمیل کنید.

کد و آموزش متنی که با بردن ماوس روی اون تغیر کنه

توضیحات: در قسمت 0.7 زمانی که طول می کشه تا متن به حالت خواستخ شده برگرده. در قسمت 0هم زمانیه که کاربر باید ماوس خودشو رو کد نگه داره تا به این حالت در بیاد. در قسمت های 50px با تغییر عدد بالا اندازه ی اولیه متن (طول) و در عدد پایینی ارتفاع رو تنظیم می کنید و در قسمت ها 300 و 100 به همون ترتیب اندازه ثانویه متن رو تنظیم می کنید.

برای آزمایش کد اینجا کلیک کنید.

کد متن متحرک

متون متحرك را حتما در بسیاری از سایت ها و وبلاگها ها دیده اید این متون به وسیله ی یك كد ساده ساخته میشوند كه من در این جا آنرا آموزش میدهم . این كد در واقع این قابلیت را دارد كه متن ، تصویر و یا هر دو را در چهار جهت (چپ به راست ، راست به چپ ، بالا به پایین و پایین به بالا به حركت در آورد ، به این كد در اصطلاح ماركویی ( marquee ) گفته میشود .

من سعی میكنم همه چیز را در مورد این كد توضیح دهم تا بتوانید از هر جنبه كه مد نظرتان است از این كد استفاده كنید و در استفاده از كدها دچار مشكل نشوید و نیز برای هركد مثالی میزنم كه میتواند به شما در استفاده از این كد كمك زیادی كند اگر در اینجا كد آنگونه كه گفته شده نمایش داده نمیشود نگران نباشید زیرا نتیجه كار شما مطابق آموزش خواهد بود.

* به كد زیر توجه كنید تا بتوانید با توجه به توضیحات و مثالهایی كه در ادامه میاورم كد را مطابق میلتان ویرایش كنید

<marquee direction="right" bgcolor="#C0C0C0" width="400" height="20" style="color: #0000FF; font-size: 12pt" scrollamount="5" behavior="scroll">متن متحرك</marquee>

متن متحركarquee>

متن متحرك بالا بطور مستقیم از كپی كردن كد بالا بوجود آمده حال من یكی یكی پارمترهای موجود در كد بالا را با ذكر مثال تغییر میدهم تا شما علاوه بر بدست آوردن كد خود تا حدودی به ماهیت این كد كه به زبان اچ تی ام ال است آشنا شوید و به نوعی من به شما اچ تی ام ال را آموزش داده باشم

1) با تغییر عبارت عبارت  right  در مقابل عبارت  direction  در خط او كد به عبارت  left  متن شما به جا از چب به راست ، از راست به چپ حركت خواهد كرد كه برای متون انگلیسی كاربرد دارد و اگر متن شما فارسی است این پارامتر را تغییر ندهید

مثال 1 :  mjmafi.blogfa.com

حتی با تغییر این پارامتر به up    میتوانید متن را از پایین به بالا  متن متحرك   حركت دهید

و با تغییر آن به  down آنرا از بالا به پایین  متن متحرك   حركت دهید

2)پارامتر بعدی كه آنهم در خط اول كد قرار دارد bgcolor است كه مشخص كننده ی رنگ پیش زمینه ی متن متحرك است و من در اینجا برای آن مقدار 008000 را وارد كرده ام كه معادل رنگ نقره ای است و همانطور كه میبینید در كدها رنگ پیش زمینه هم به همین رنگ است ولی اگر شما مایل باشید میتوانید كد رنگ  دیگری را وارد كنید برای مثال من اگر در به جای كد رنگ نقره ای كد صورتی را وارد كنم نتیجه بصورت  متن متحرك   خواهد بود برای دسترسی به كد رنگها كلیك كنید : ( كلیك )

3) اگر بخواهید عرض متن متحرك را تغییر دهید در خط دوم در مقابل عبارت  width كه همكنون مساوی 400 است و بر حسب پیكسل میباشد عدد مورد نظر خود را وارد كنید مثلا اگر میخواهید عرض آن كم باشد عدد 100 متن متحركو اگر میخواهید عرض آن زیاد باشد عدد500 متن متحركرا وارد كنید

4) در خط دوم پارامتری بنام height وجود دارد كه این هم همانند قبلی است با این تفاوت كه این پارامتر ارتفاع را مشخص میكند و تغییر آن در مواقعی نیاز است كه بخواهید متن خود را از بالا به پایین یا از پایین به بالا به نمایش در آورید . مقدار این پارامتر در كد بالا مساوی 20 است كه اگر بخواهید میتوانید مقدار بیشتر یا حتی مقدار درصدی را وارد كنید در ضمن لازم نیست كه عرض و ارتفاع شما هر دو برحسب درصد یا پیكسل باشد بلكه میتوانید مثلا برای ارتفاع از مقدار پیكسل یعنی وارد كردن عدد بتنهایی و برای عرض مقداری به درصد وارد كنید مثال این پارامتر:  همان طور كه در مثال میبینید من مقدار dirction را مساویup قرار داده ام

5) رنگ متن در كد بالا مساوی آبی یعنی FF00FF قرار داده شده كه میتوانید در صورت تمایل  كد رنگ دیگری را وارد كنید

6) اندازه ی قلم را من در كد بالا مساوی 12 قرار داده ام كه آنهم قابل تغییر است

7) اما پارامتری كه شاید برایتان بیشتر از بقیه جالب باشد پارامتر behavior میباشد كه مشخص كننده ی نوع حركت متن است و میتواند یكی از مقادیر scroll  - slide -  alternate  باشد كه در كد بالا مساوی scroll     است و به این صورت است كه متن از یك جهت وارد و از جهت دیگر خارج میشود ولی اگر این مقدار را پاك كنید و آن را مساوی slide    قرار دهید متن از یك سمت وارد و در سمت دیگر متوقف میشودمتن متحركو مقدار  alternate   هم متن را در هر دو جهت به حركت در آورده و متن مانند یك توپ پس از برخورد به دیواره بر میگردد متن متحرك

8) پارامتر scrollamount مشخص كننده ی سرعت حركت متن است و من آنرا در كد بالا مساوی 5 قرار داده ام كه باید حداقل عدد یك و پیشنهاد میكنم عددی بزرگتر از 10 را وارد نكنید

8) در آخر میتوانید به جای عبارت  متن متحرك  در كد بالا متن خود را وارد كنید توجه داشته باشید كه شما میتوانید به جای متن ساده اگر بخواهید كدهای اچ تی ام ال را كه حاوی عكس و سایر عناصری كه میتوانند در وب به نمایش در آیند باشد را وارد كنید فقط توجه داشته باشد كه باید بصورت كد اچ تی ام ال باشند مثلا میتوانید ابتدا در بخش پست مطلب جدید مطلب خود را در حالت غیر اچ تی ام ال بنویسید و همه عناصر مانند عكس و متن را وارد كنید و مشخصه های آنها مانند رنگ متن اندازه ی فونت و غیره را مشخص و سپس به حالت اچ تی ام ال بروید و تمام كدها را با كپی و پیست جایگزین عبارت متن متحرك در كد بالا كنید

کد متن متحرک 2

عمل کرد کد در مرورگرها (نرم افزار های تماشای سایت)

نگارش	مرورگر	عمل می کند/نمی کند
7.0	Internet Explorer
3.0	Mozilla Firefox (beta)
9.0	Netscape

خوب. حالا با همدیگه قدم به قدم می ریم جلو تا با جزئیات این کد بیشتر آشنا بشیم. کد اصلی این شکلیه:

TEXT

شما باید توی کد بالا به جای عبارت "TEXT" متنی که می خواهید حرکت کند را وارد نمایید. خروجی کد بالا به شکل زیر است.

حالا امکان داره که شما بخواهید سرعتی رو برای این متن در نظر بگیرید. پس کد به شکل زیر تغییر می کنه:

scrollamount="1"
scrolldelay="20">
TEXT

در کد بالا در عبارت scrollamount="1" به جای عدد 1 سرعت حرکت را مشخص می کنید. هرجه این عدد بزرگتر باشد سرعت حرکت بیشتر است. همچنین در عبارت scrolldelay="20" به جای عدد 20 تاخیر لازم برای طی شدن مسیر توسط متن را وارد کنید. در کل باید روی این مقادیر کمی کار کرده و آن را تست کنید تا حرکت مورد علاقه را بدست آورید. خروجی کد بالا با مقادیر scrollamount="1" scrolldelay="20" به شکل زیره:

TEXT

حال شاید بخواهید برای متن متحرک خود اندازه، رنگ و قلم در نظر بگیرید. حالا کد این شکلی میشه:

scrollamount="1"
scrolldelay="20"
style="font-family: Tahoma;
font-size: 10pt;
color: red">
TEXT

خوب… شاید کمی پیچیده به نظر برسه. اما اصلا اینطوری نیست. به جای عبارت های Tahoma و 10pt و red به ترتیب فونت نوشته، سایز نوشته و رنگ نوشته را مشخص نمایید. خروجی کد بالا به شکل زیره:

ممکنه نوشته ی شما فارسی باشه. در این صورت بهتره که از راست به چپ حرکت کنه. یا این که شاید شما مایل باشید نوشتتونه از بالا به پایین یا از پایین به بالا حرکت کنه. پس یک تغییر دیگه توی کد به وجود میاد:

scrollamount="1"
scrolldelay="20"
style="font-family: Tahoma;
font-size: 10pt;
color: red"
direction="right">
TEXT

در کد بالا در عبارت direction="right" به جای کلمه ی right جهت حرکت را مشخص فرمایید. (up: پایین به بالا، down: بالا به پایین، left: راست به چپ، right: چپ به راست) خروجی کد بالا به شکل زیره:

شاید شما بخواهید دور Marquee مورد نظر خود، به اصطلاح Border بکشید. یعنی خطی دور تا دورش کشیده شود. حالا باز هم یک بخش دیگه به کدتون اضافه میشه:

scrollamount="1"
scrolldelay="20"
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000"
direction="right">
TEXT

در کد بالا به جای عبارات 1px و #green به ترتیب سایز خط و رنگ خط را مشخص کنید. خروجی کد بالا به شکل زیر است:

TEXT

حالا شاید مایل باشید که سایز Marquee خود را با توجه به نیازتان تغییر دهید. مثلا برای لینکدونی و اعلان بالای سایت یا وبلاگ، می بایست سایز های مختلفی در نظر گرفته شود. پس یک بخش دیگه ههم اضافه می کنیم:

scrollamount="1"
scrolldelay="20"
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000"
direction="right"
width="170"
height="100">
TEXT

در کد بالا به جای عدد 170طول Marquee خود را مشخص کنید و به جای عدد 100 عرض Marquee خود را مشخص کنید. (با گذاشتن یکای % در کنار عدد مورد نظر، می توانید کاری کنید که طول/عرض Marquee دقیقا N در صد از صفحه را در بر گیرد و همواره با تغییر اندازه ی صفحه به وسیله ی مرورگر، اندازه ی آن نیز تغییر کند.) خروجی کد بالا به شکل زیر است:

TEXT

حال اگر می خواهید Marquee شما در وسط صفحه قرار گیرد، باید دو تگ به اول و آخر کد خود اضافه کنید.

scrollamount="1"
scrolldelay="20"
style="border:1px solid #FF0000;
font-family: Tahoma;
font-size: 10pt;
color: #FF0000"
direction="right"
width="170"
height="100">
TEXT

خروجی کد بالا به شکل زیر است:

TEXT

حالا بدون توجه به آموزش بالا فرض کنید که مقادیر زیر را دارید و یک کد بنویسید.

مقادیر	ویرایشگر
scrollamount="SIZE" scrolldelay="SIZE" style="border:SIZE solid #COLOR; font-family: FONT; font-size: SIZE; color: #COLOR" direction="جهت حرکت متن" width="SIZE" height="SIZE"	</body> </html>

تبلیغات

http://gigpars.com/images/zeg1_on5ban.gif

صفحات سایت

تعداد صفحات : 3 1 2 3 صفحه بعد

تبلیغات

آمار سایت

آمار مطالب
کل مطالب : 829
کل نظرات : 1821

آمار کاربران
افراد آنلاین : 10
تعداد اعضا : 13531

کاربران آنلاين

01. narmak

آمار بازدید
بازدید امروز : 1,414
بازدید دیروز : 17,516
گوگل امروز : 66
گوگل دیروز : 620
بازدید هفته : 35,270
بازدید ماه : 276,316
بازدید سال : 2,044,570
بازدید کلی : 3,607,432

دیگر امکانات

پشتیبانی

قدرت گرفته از: رزبلاگ
ترجمه شده توسط : کدستان