fade شدن يكي و ظاهر شدن ديگري

nasser110

Member
سلام
كسي از دوستان مي دونه در اين سايت
www.iritn.com

قسمت پربيننده ترين ها رو چطوري درست كرده اند منظورم حالت Fade شدن اولي و ظاهر شدن مطلب بعدي است

ممنون مي شم يك توضيحي بديد
 

kavian

Member
سلام دوست عزيز

اين كد JavaScript ي هست كه سايت iritn.com از اون استفاده كرده:

کد:
<html>
<head>
<title>Fade</title>
</head>

<body>
  <table width="155" align="center" cellspacing="0" cellpadding="0" class="MojText">
    <tr>
      <td>
<script language="JavaScript1.2">
 var delay=3000 //set delay between message change (in miliseconds)
 var fcontent=new Array()
 begintag='<font face="Tahoma" size=2>' //set opening tag, such as font declarations
 fcontent[0]="<b><a href=\"/index.php?action=show&type=news&id=471\">جديدترين سرويس هاي پيام کوتاه موبايل در ايران</a></b>...   <a href=\"/index.php?action=show&type=news&id=471\"><br/></a>"
fcontent[1]="<b><a href=\"/index.php?action=show&type=news&id=258\">راه حل رفع آسيب موجود در ويندوز جهت پاكسازي ويروسهاي جديد</a></b>...   <a href=\"/index.php?action=show&type=news&id=258\"><br/></a>"
fcontent[2]="<b><a href=\"/index.php?action=show&type=news&id=525\">با عينك مجازي وارد صحن كعبه شويد و حج كامل را به صورت مجازي انجام دهيد !</a></b>...   <a href=\"/index.php?action=show&type=news&id=525\"><br/></a>"
fcontent[3]="<b><a href=\"/index.php?action=show&type=news&id=29\">نكته‏هاى ويندوزى‏</a></b>...   <a href=\"/index.php?action=show&type=news&id=29\"><br/></a>"
fcontent[4]="<b><a href=\"/index.php?action=show&type=news&id=627\">حمله هكرهاي ايراني به كامپيوتر هاي وزارت برق اسرائيل</a></b>...   <a href=\"/index.php?action=show&type=news&id=627\"><br/></a>"
fcontent[5]="<b><a href=\"/index.php?action=show&type=news&id=474\">معرفي سايت اخبار فن آوري اطلاعات ايران</a></b>...   <a href=\"/index.php?action=show&type=news&id=474\"><br/></a>"
fcontent[6]="<b><a href=\"/index.php?action=show&type=news&id=465\">راه اندازي سرويس نمايشگر آخرين اخبار فن‌آوري اطلاعات بصورت رايگان</a></b>...   <a href=\"/index.php?action=show&type=news&id=465\"><br/></a>"
fcontent[7]="<b><a href=\"/index.php?action=show&type=news&id=704\">آداب ايميل نوشتن و پاسخ به آن</a></b>...   <a href=\"/index.php?action=show&type=news&id=704\"><br/></a>"
 
closetag='</font>'

var fwidth='140px' //set scroller width
var fheight='120px' //set scroller height

var fadescheme=0 //set 0 to fade text color from (white to black), 1 for (black to white)
var fadelinks=1  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////

var hex=(fadescheme==0)? 255 : 0
var startcolor=(fadescheme==0)? "rgb(255,255,255)" : "rgb(0,0,0)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=2000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color=startcolor
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
linksobj=document.getElementById("fscroller").getElementsByTagName("A")
if (fadelinks)
linkcolorchange(linksobj)
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

frame=20;

function linkcolorchange(obj){
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color="rgb("+hex+","+hex+","+hex+")"
}
}

function colorfade() {	         	
// 20 frames fading process
if(frame>0) {	
hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadescheme
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
if (fadelinks)
linkcolorchange(linksobj)
frame--;
setTimeout("colorfade()",20);	
}

else{
document.getElementById("fscroller").style.color=endcolor;
frame=20;
hex=(fadescheme==0)? 255 : 0
}   
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent
</script>
        <ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
      </td>
    </tr>
  </table>
</body>
</html>

اگر خواستي بگو در موردش توضيح بدم.

قربانت. كاويان
 

totia1

Member
دست شما درد نكنه
اگر ممكنه بگوييد كه اگر بخواهيم يكي از فريم هاي توي يك صفحه به اين حالت شود بايد چه كار كرد
 

kavian

Member
سلام Totia1 عزيز

من متوجه منظور شما نشدم.
لطفا بيشتر توضيح بديد.
ممنون
 

totia1

Member
مي خواستم بدونم چه طور مي شه اگر ما يك صفحه داشته باشيم كه از چند فريم تشكيل شده و توي يكي از فريم ها يك منو داشته باشيم
با انتخاب يكي از ايتم ها يك يا دو فريم از همان صفحه به روش محو شدن عوض شوند

در ضمن از توجه شما ممنونم
 

جدیدترین ارسال ها

بالا