Cross Browser marquee yapımı

20 August 2007 ~ Nucro

Türkçesi efendim böyle bir kutu içerisinde yazılar yukarı doğru akıyor.Fare ile üzerine gelince yazı akışı duruyor.Bunu kullanarak daha küçük alanda daha çok şey gösterebiliriz.Örnek sağ alttaki bağlantılar bölümü.

1.Öncelikle yapacağamız <head></head> tagları arasına alttaki kodu yerleştirmek.

</p> <mce:style type=”text/css”><!– <p>#marqueecontainer{ position: relative; width: 570px; /*marquee width */ height: 150px; /*marquee height */ background-color: white; overflow: hidden; border: 3px solid orange; padding: 2px; padding-left: 4px; }</p> –></mce:style><style type=”text/css” mce_bogus=”1″><p>#marqueecontainer{ position: relative; width: 570px; /*marquee width */ height: 150px; /*marquee height */ background-color: white; overflow: hidden; border: 3px solid orange; padding: 2px; padding-left: 4px; }</p></style> <p><mce:script type=”text/javascript”><!– </p> <p>/*********************************************** * Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/</p> <p>var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds) var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10) var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?</p> <p>////NO NEED TO EDIT BELOW THIS LINE////////////</p> <p>var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight=\’\'</p> <p>function scrollmarquee(){ if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+”px” else cross_marquee.style.top=parseInt(marqueeheight)+8+”px” }</p> <p>function initializemarquee(){ cross_marquee=document.getElementById(”vmarquee”) cross_marquee.style.top=0 marqueeheight=document.getElementById(”marqueecontainer”).offsetHeight actualheight=cross_marquee.offsetHeight if (window.opera || navigator.userAgent.indexOf(”Netscape/7″)!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit cross_marquee.style.height=marqueeheight+”px” cross_marquee.style.overflow=”scroll” return } setTimeout(\’lefttime=setInterval(”scrollmarquee()”,30)\’, delayb4scroll) }</p> <p>if (window.addEventListener) window.addEventListener(”load”, initializemarquee, false) else if (window.attachEvent) window.attachEvent(”onload”, initializemarquee) else if (document.getElementById) window.onload=initializemarquee</p> <p> // –></mce:script><br />

2.Son olarak da aşağıdaki kodu aparatımızın nerede gözükmesini istiyorsak oraya yerleştirelim.Kısa bi hatırlatma başlık için h4 biçimi kullanırsanız daha uygun olacaktır.

</p> <div id=”marqueecontainer” onMouseover=”copyspeed=pausespeed” onMouseout=”copyspeed=marqueespeed”> <div id=”vmarquee” style=”position: absolute; width: 98%;”> <p><!–YOUR SCROLL CONTENT HERE–></p> <h4>Your scroller contents</h4> <p><!–YOUR SCROLL CONTENT HERE–></p> </div> </div> <p>

Bunları oku daha güzel bak

nasıl yapılır

şimdiye kadar 1 Comment

Nucrotion August 20th, 2007 (#):

Yorumlarimizi yazarken Turkce’nin ve noktalama isaretlerinin kullanimina dikkat edelim.Herkesi “S” ile yazalim.Yabanci sozcuk kullanimindan kacinalim.