loading...
جدیدترین ابزار و امکانات وبلاگ نویسی و وب سایت نویسی
نورالدین بازدید : 1044 یکشنبه 01 فروردین 1389 نظرات (1)

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

نمونه:

This scroller's brought to you by JavaScript Kit

 

راهنمایی: برای اضافه کردن چند پیام اضافی فقط لازم است کپی پیست کنید اگر کمی از این کدها سر در می آورید میتوانید این را به راحتی انجام دهید و اگر هم نتوانستید میتوانید در قسمت نظرات سوال خود را از ما بپرسید:

 

 

 

<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>

<script type="text/javascript">

/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/

var tickercontents=new Array()
tickercontents[0]='اچگونه گوشه آدرس وبلاگ یا وب سایتمون عکس بگذاریم/چگونه favicon بسازیم <a href="http://blogtools.rozblog.com">blogtools.rozblog.com</a>!'
tickercontents[1]='Hop on over to <a href="http://blogtools.rozblog.com/">Coding Forums</a> to get help on web coding!'
tickercontents[2]='This scroller\'s brought to you by <a href="http://blogtools.rozblog.com/">blogtools group</a>'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

<p align="left">این کد تهیه شده توسط<br />
<a href="http://blogtools.rozblog.com">گروه بلاگ تولز</a></p>

Just refer the variables inside to configure scroller. For each of the scroller's contents, be sure they all exist on one line, and if apostrophes are used, that they are back slashed (ie: "We\'ll be back").

ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 23
  • کل نظرات : 12
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • آی پی امروز : 12
  • آی پی دیروز : 6
  • بازدید امروز : 50
  • باردید دیروز : 7
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 91
  • بازدید ماه : 167
  • بازدید سال : 563
  • بازدید کلی : 85,894