Cross Browser marquee yapımı

20Ağu

kategori: nasıl yapılır yazar: Nucro

Bu yazı taaa 2 yıl 7 ay 1 gün önce girildiğinden günümüzle pek alakası olmayabilir. Olur da yanılgıya düşersiniz. Düşmeyin.

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

Yorum yapın

Kısa

Facebook

Honkimonki ol

Arama

aksiyon

popülüte

rastgele bağlantılar

Maziye Gazi Denir