Button üzerinde hareketli, değişen yazı kodu
Sayfanızda üzerinde kayan yazı olan bir buton (düğme) olsun istiyorsanız bu script'i kullanabilirsiniz.
<style type='text/css'>
.stHeadliner{font-family:lucida console, courier new, monospace;font-size:11pt;font-weight:700;font-style:italic;background:red;color:#FFF;}
</style>
<script type="text/javascript">
// Büyüyen başlık için milisaniye gecikme.
growWait=90
// Genişleyen başlık için milisaniye cinsinden gecikme.
expandWait=120
// Başlık kaydırma için milisaniye gecikme
scrollWait=100
// Başlık kaydırma bölgesi karakter sayısı.
scrollWidth=40
// Kullanmak istediğiniz gibi satır sayısı, kadar belirtin.
lineMax=4
lines=new Array(lineMax)
// Satırları (Metin görüntülemek için, url, etkisi, beklenecek süre) tanımlayın
lines[1]=new Line("En yeni Javascript Kodlar", "http://meftunmede.blogspot.com", Expand, 2000)
lines[2]=new Line("En yeni içerikler", "http://meftunmede.blogspot.com", Scroll, 1000)
lines[3]=new Line("İstemediğin kadar!", "www.meftunapart.com", Static, 2500)
lines[4]=new Line("Hepsi burada!", "buraya link at", Grow, 3000)
// Diğer bazı değişkenler (sadece değişmez)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
// Çizgi nesne tanımlayın.
function Line(text, url, type, wait) {
this.text=text
this.url=url
this.Display=type
this.wait=wait}
// N karakter c bir dize doldurun.
function StringFill(c, n) {
s=""
while (--n >= 0) {
s+=c
}
return s
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function Grow() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
TextGrow()
}
function TextGrow() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
charNo++
timerID=setTimeout("TextGrow()", growWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 1000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
(lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function GotoUrl(url)
{
top.location.href=url
}
</script>
<center>
<form name="formDisplay">
<input class="stHeadLiner" type="button" name="buttonFace" value="** HAZIR HTML KODLAR **" onClick="GotoUrl(lines[lineNo].url)"></INPUT>
</form></center>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://meftunmede.blogspot.com">JavaScript
</a></font></p>
<Body onLoad="StartHeadliner()" onUnload="StopHeadliner()">
Kodu denemek için Online html editor'ü kullanabilirsiniz.
Hiç yorum yok:
Yorum Gönder