scroller خوردن متن و عکس [بایگانی]

View Full Version : scroller خوردن متن و عکس

Mohandes2009

شنبه 06 آذر 1389, 14:27 عصر

چجوری میشه با توابع جاوا اسکریپت یه متن را در داخل یه تگ div از پایین تک وارد کرد و به بالای تگ خارج کرد یا یه عکس بجای متن؟:متفکر:

اگه میشه کدش را بزارید.

baran_mehr

یک شنبه 07 آذر 1389, 13:42 عصر

نیازی به تابع جاوا نیست با marquee میتونی این کار رو کنی

baran_mehr

یک شنبه 07 آذر 1389, 13:46 عصر

تگ <marquee> به شما اجازه می دهد که یک متن را به دلخواه خود در صفحه به حرکت در آورید. برای انجام این کار به جاوا اسکرپت نیاز ندارید. تنها مشکل این است که مرورگرهایی که بر پایه Netscape ساخته شده اند، نمی توانند به طور کامل با این تگ سازگار شوند و در پاره ای از اوقات با آن مشکل پیدا می کنند و تنها متن بدون حرکت را نشان می دهند.

در اینجا می توانید کدی را که برای ساخت متن متحرک ستفاده می شود مشاهده کنید:

<marquee loop="infinite">متن مورد نظر خود را اینجا بنویسید</marquee>

شناسه "loop="infinte باعث می شود که متن تا هنگامی که صفحه باز است به حرکت خود ادامه دهد. شما می توانید به جای این شناسه از "loop="-1 هم استفاده کنید.

شما می توانید تغییراتی را در این تگ ایجاد کنید به جای infinite در شناسه loop می توانید از اعداد استفاده کنید. برای مثال "loop="2 به مرورگر می گوید که حرکت متن را پس از دو بار چرخش متوقف کند.

می توانید با وارد کردن شناسه " "=bgcolor به شما امکان این را می دهد که رنگ زمینه محلی را که متن در آن در حال چرخش است تغییر دهید. می توانید برای تغییر رنگ زمینه از نام رنگ یا معادل هگزادسیمال آنها استفاده کنید. به یک مثال توجه کنید:

<marquee loop="infinite" bgcolor="yellow">
متن مورد نظر خود را اینجا بنویسید
</marquee>

با اضافه کردن شناسه " "=width می توانید عرض متن متحرک خود را تعیین کنید. در این شناسه می توانید از مقیاس پیکسل و یا در صد استفاده کنید.

<marquee loop="infinite" bgcolor="yellow" width="400">
متن مورد نظر خود را اینجا بنویسید
</marquee>
با تگ بالا می توانید یک متن متحرک با عرض 400 پیکسل و رنگ زمینه زرد ایجاد کنید. مانند زیر:

<marquee loop="infinite" bgcolor="yellow" width ="50%">
متن مورد نظر خود را اینجا بنویسید
</marquee>
با تگ بالا می توانید متنی متحرک با 50 در صد عرض پنجره مرورگر و با رنگ زمینه زرد ایجاد کنید.
به جای متن میتونی از تصویر و ... هم استفاده کنی، کافی تکشون marquee بین باشه

baran_mehr

یک شنبه 07 آذر 1389, 17:25 عصر

marquee يک شناسه داره با نام direction که جهت حرکت محتواي رو مشخص ميکنه و چهار تا مقدار ميگيره:
up: که جهت حرکت از پايين به بالا
down: جهت حرکت از بالا به پايين
right: جهت حرکت از چپ به راست
left: جهت حرکت از راست به چپ

براي متوقف کردن و دوباره حرکت دادن متن و ..
بايد از دو متد جاوا اسکرپت که براي marquee وجود داره استفاده بشه
متدي کهmarquee رو متوقف ميکنه ()stop هست
و متد شروع مجدد ()start
با استفاده از رويداد onmouseover و onmouseout ميشه اين متدها رو با قرار گرفتن و خروج ماوس از محدوده marquee اجرا کرد.

<"marquee onmouseover="this.stop()" onmouseout="this.start()" width="400>
متن مورد نظر خود را اينجا بنويسيد
<marquee/>

alonemm

یک شنبه 07 آذر 1389, 21:24 عصر

دوستان اینجا تالار ASP.net هست JavaScript و یا HTML واسه خودش یک تالار مجزا داره.
کاربران دائمی قوانین رو زیر پا میزارند دیگه کاربران جدید ...........

baran_mehr

یک شنبه 07 آذر 1389, 23:52 عصر

سوال ایشون ربطی به asp.net نداره؟؟
پس اینطوری این تالار باید جمع بشه دوست عزیز، اکثر سوالاتی که تو این تالار پرسیده میشه با هم در ارتباط هست به سادگی نمیشه جاوا و .. رو از هم جدا کرد. من پاسخی که به ذهنم میرسید این کد html بود و پاسخ رو بیان کردم
پس باید بگم چون اینجا تالار html نیست من این کد رو نمیزارم !!! مباحث وب خیلی بهم نزدیک هستن
این چه حرفی برادر من

Mohandes2009

دوشنبه 08 آذر 1389, 18:52 عصر

مهندس baran_mehr (http://barnamenevis.org/member.php?57508-baran_mehr) دست گلت درد نکنه خیلی آموزش خوبی بود مرسی

فقط یه سوال بین تگ marquee چجوری میشه از تگ های font یا br استفاده کرد؟

Mohandes2009

دوشنبه 08 آذر 1389, 18:55 عصر

دوستان اینجا تالار ASP.net هست JavaScript و یا HTML واسه خودش یک تالار مجزا داره.
کاربران دائمی قوانین رو زیر پا میزارند دیگه کاربران جدید ...........

دوست عزیز بجای اینکه پست فاقد محتوا بزنی اگه جواب بلدی بگو و کمک کن اگه هم بلد نیستی تشکر کن.
asp همه قسمت هاش بهم مربوط میشه!! نمیشه بعضی چیز ها را جدا گرفت!:چشمک:

baran_mehr

دوشنبه 08 آذر 1389, 23:41 عصر

فقط یه سوال بین تگ marquee چجوری میشه از تگ های font یا br استفاده کرد؟

به همین راحتی:

<html >
<head>
</head>
<body >
<marquee loop="infinite" bgcolor="yellow"><br /><br /><br />Welcome</marquee>
</body>
</html>

mamaliy

سه شنبه 09 آذر 1389, 00:27 صبح

The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically
It is deprecated by the W3C and not advised by them for use in any HTML documents.

با سلام خدمت دوستان.
اين دو خط بالا نمونه اي از توضيحاتي هست كه براي معرفي تگ marquee آورده ميشه. مثلا در اينجا:
http://en.wikipedia.org/wiki/Marquee_element
اگر بتونيد سعي كنيد از اين تگ استفاده نكنيد بهتر و استاندارد تر هست. در عوض همين كار رو ميشه با جاوا اسكريپت انجام داد . كه نمونه هاي خوبي ميتونيد پيدا كنيد.
مثلا در اينجا:
http://rumkin.com/tools/marquee/
كه خودش واستون كد درست ميكنه. ميتونيد هم از كدهاش استفاده كنيد و هم روش مطالعه انجام بدين.
كه البته اين كار نسبت به تگ هزينه بيشتري از لحاظ كد نويسي داره.

دوستان اینجا تالار ASP.net هست JavaScript و یا HTML واسه خودش یک تالار مجزا داره.تذكر دوستمون هم بجا بود.:چشمک:

Mohandes2009

سه شنبه 09 آذر 1389, 11:33 صبح

من مثل شما دقیقا نوشتم ولی تگ های <br /> را هم در خروجی میاره!!!:ناراحت:

Mohandes2009

سه شنبه 09 آذر 1389, 11:37 صبح

.
[/LEFT]

http://rumkin.com/tools/marquee/
كه خودش واستون كد درست ميكنه. ميتونيد هم از كدهاش استفاده كنيد و هم روش مطالعه انجام بدين.
كه البته اين كار نسبت به تگ هزينه بيشتري از لحاظ كد نويسي داره.

میشه بیشتر در مورد این لینک توضیح بدی؟ چه کدی را خودکار تولید میکنه؟

mamaliy

سه شنبه 09 آذر 1389, 13:56 عصر

سلام دوست من.
لينك اشتباها" براي متن متحرك توي StatusBar بود.:لبخند:
مي تونيد از اين كد توي جاوا اسكريپت براي متحرك سازي استفاده كنيد.

http://javascript.about.com/library/bltick2.htm

<script>
var tWidth='300px'; // width (in pixels)
var tHeight='25px'; // height (in pixels)
var tcolour='#ffffcc'; // background colour:
var moStop=true; // pause on mouseover (true or false)
var fontfamily = 'arial,sans-serif'; // font for content
var tSpeed=3; // scroll speed (1 = slow, 5 = fast)

var content='YourText';

var cps=tSpeed;
var aw, mq;
var fsz = parseInt(tHeight) - 4;
function startticker()
{
if (document.getElementById)
{
var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeigh t+';overflow:hidden;background-color:'+tcolour+'"'; if (moStop)
tick += ' onmouseover="cps=0" onmouseout="cps=tSpeed"';
tick +='><div id="mq" style="position:absolute;right:0px;top:0px;font-family:'+fontfamily+';font-size:'+fsz+'px;white-space:nowrap;"><\/div><\/div>';
document.getElementById('ticker').innerHTML = tick;
mq = document.getElementById("mq");
mq.style.left=(parseInt(tWidth)+10)+"px";
mq.innerHTML='<span id="tx">'+content+'<\/span>';
aw = document.getElementById("tx").offsetWidth;
lefttime=setInterval("scrollticker()",50);
}
}
function scrollticker()
{
mq.style.left = (parseInt(mq.style.left)>(-10 - aw)) ?parseInt(mq.style.left)-cps+"px" : parseInt(tWidth)+10+"px";
}
window.onload=startticker;
</script>
<div id="ticker"></div>

Mohandes2009

چهارشنبه 10 آذر 1389, 21:21 عصر

من از این تگ در یه تگ div استفاده کردم
وقتی تگ های دیگری هم در زیر این تگ div و خارج از اون تگ می نویسم به فرمول تگ marquee یعنی از پایین به بالا حرکت میکنه نمی دونم چرا؟

اینم کدم :

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ي «ںی¢ ¬¦ی êىë§« ê¥ê§ ¥«ë ى¤¢</title>
</head>
<style type="text/css">
.style1
{
width: 900px;
}
p.MsoNormal
{
text-align:right;
font-size:10.0pt;
font-family:"Tahoma";
font-weight:bold;
color:Black;
}

</style>

<body style=" background-color: #FFFFFF;">
<form id="form1" runat="server">
<div align="center">
<div>
<div style=" height:72px;width:800px; background-image:url();">
</div>
<div style="height:450px; width:800px;">
<img alt="" src="" style="border-color: #FFFFFF; height: 450px; width: 800px;" />
</div>
<div style="height:200px; width:800px; color: #FF0066;">
<font style="font-family: Tahoma; font-size: x-small; font-weight: bold;">
<marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor= "#CC99FF" width="400" height="200" direction="up"
scrollamount="02" scrolldelay="01"
behavior="scroll">
«éںê
.lkkjjjlkkjdflsdjflsdjflsdkjflsdkjfls
ksdjksdjflsajkflsa;lkdf;skdlfsd
lsdzjflsd;kf;sdflsdjkfls
lsdjcflskdf;s
پںیںë ¢«¢
<marquee/></font>
</div>
</div>
<div></div>
<div>
<table>
<tr>
<td style=" width:100px; height:60px;">
<a href="" >
<img src=""
alt="www.eshgheman.blogfa.com"
style="border-color: #000000; width:100px; height:60px;" /></a>
</td>
<td style="width:120px;"></td>
<td style="width:100px;height:60px;">
<a href="#"><img src="" alt="www.eshgheman.blogfa.com" style="border-color: #000000; width:100px;height:60px;" /></a>
</td>
<td style="width:120px;"></td>
<td style="width:100px;height:60px;">
<a href="#"><img src="" alt="" style="border-color: #000000; width:100px;height:60px;" /></a>
</td>
</tr>
</table>
</div>
<div style=" height:46px; width:800px;background-image:url();">
</div>
</div>
</form>
</body>
</html>

البته در فایر فاکس درست نشون میده اما در اینترنت اکسپلورر اشتباه چه کنم درست بشه؟

اینم خروجیش
http://eshgheman.blogfa.com/page/main.aspx

Mohandes2009

پنج شنبه 11 آذر 1389, 14:45 عصر

کسی نمی تونه بفهمه چرا؟؟؟:متفکر::ناراحت: