کد آمدن بسیاری از متون ، عکس ها و ... به سر جای خود

اگر کد های ما را روز به روز دنبال کنید می دونید که ما در این پست به شما کدی را دادیم که متن را از بیرون صفحه به داخل می آورد و به درخواست یکی از کاربران کد دیگری را در این پست انتشار کردیم و اکنون کدی را برای شما آماده کردیم که شما می توانید تعداد نامحدودی باکس و عکس و ... را از بیرون به داخل صفحه بیاورید و حتی می توانید کل صفحه وبتون رو به این صورت در بیارین و این کار رو فقط با گذاشتن کد موجود در ادامه مطلب و اضافه کردن کلاس glidetext به تگ body انجام دهید. برای بقیه جا هایی که می خواهید این کار را انجام دهید نیز همان کلاس بالا را اضافه کنید که برای کسانی که تازه کارند به این گونه دی می آید:

  <div class="glidetext" >   Your Text   </div>

در کد بالا به جای Your Text متن مورد نظر یا کد مورد نظرتون رو بنویسید. اگر در قالبتان آن جایی که می خواهید از این کلاس استفاده کنید ، کلاس دیگری وجود داشت فقط کافی است در کنار آن یک فاصله بگذارید و کلاس بعدی را بعد از آن فاصله قرار دهید.

دمو: اگر چیزی ندیدید صفحه را ریلود بزنید و سریع به این متنی که دارید می خونید نگاه کنید. کد متن افکت دار که از بیرون صفحه به داخل صفحه می آید

<style type="text/css"> .glidetext{ position: relative; left: -1000px; } </style> <a href="http://moisrex.rozblog.com/" style="display:none">کد متن افکت دار که از بیرون صفحه به داخل صفحه می آید</a> <script type="text/javascript"> var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds) var glidespeed=50 //customize glide speed in pixels per frame. var curobjindex=0 function actualstyle(el, cssproperty){ if (el.currentStyle) return el.currentStyle[cssproperty] else if (window.getComputedStyle){ var elstyle=window.getComputedStyle(el, "") return elstyle.getPropertyValue(cssproperty) } } function collectElementbyClass(){ var classname="glidetext" glidearray=new Array() var inc=0 var alltags=document.all? document.all : document.getElementsByTagName("*") for (i=0; i<alltags.length; i++){ if (alltags[i].className==classname) glidearray[inc++]=alltags[i] } if (glidearray.length>0) onebyoneglide() } function onebyoneglide(){ if (curobjindex<glidearray.length) glidetimer=setInterval("glideroutine()",50) } function glideroutine(){ if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0) glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50+"px" else{ glidearray[curobjindex].style.left=0 curobjindex++ clearInterval(glidetimer) setTimeout("onebyoneglide()", pausebetweenmsg) } } if (window.addEventListener) window.addEventListener("load", collectElementbyClass, false) else if (window.attachEvent) window.attachEvent("onload", collectElementbyClass) else if (document.getElementById) window.onload=collectElementbyClass </script>