طراحی سایت و متحرک سازی متن با جاوا

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

 

<form name="news">

 

<textarea name="news2" cols=40 rows=4 wrap=virtual></textarea>

 

</form>

 

 

 

<script language=JavaScript>

 

 

 

var newsText = new Array();

 

newsText[0] = "Typing Text JScript v1\nDeveloped on Sunday, April 15th, 2001...";

 

newsText[1] = "This is a text-typing DHTML demo. \nScript featured on http://j-avascriptkit.com";

 

newsText[2] = "Make sure you read the comments before you configure the script...";

 

newsText[3] = "Programmed by: Haitham Al-Beik...\n\nCopyright (c) Haitham M. Al-Beik, 2001";

 

newsText[4] = "http://www.prosheet.com/DHTML/typetext.htm"

 

 

 

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)

 

var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)

 

var tdelay = 1000; // Time delay between newsTexts in milliseconds

 

 

 

var dwAText, cnews=0, eline=0, cchar=0, mxText;

 

 

 

function doNews() {

 

  mxText = newsText.length - 1;

 

  dwAText = newsText[cnews];

 

  setTimeout("addChar()",1000)

 

}

 

function addNews() {

 

  cnews += 1;

 

  if (cnews <= mxText) {

 

    dwAText = newsText[cnews];

 

    if (dwAText.length != 0) {

 

      document.news.news2.value = "";

 

      eline = 0;

 

      setTimeout("addChar()",tspeed)

 

    }

 

  }

 

}

 

function addChar() {

 

  if (eline!=1) {

 

    if (cchar != dwAText.length) {

 

      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);

 

      document.news.news2.value = nmttxt;

 

      cchar += 1;

 

      if (cchar != dwAText.length) document.news.news2.value += "_";

 

    } else {

 

      cchar = 0;

 

      eline = 1;

 

    }

 

    if (mxText==cnews && eline!=0 && ttloop!=0) {

 

      cnews = 0; setTimeout("addNews()",tdelay);

 

    } else setTimeout("addChar()",tspeed);

 

  } else {

 

    setTimeout("addNews()",tdelay)

 

  }

 

}

 

 

 

doNews()

 

</script>

 

 

<p><font face="arial" size="1">This free script provided by</font><br>

<a href="http://j-avascriptkit.com"><font face="arial,helvetica" size="1">JavaScript Kit</font></a></p>

 

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

 

 

 

منبع: طراحی سایت