Strana 1 z 1
Roleta
Napísané: Ne Apr 08, 2007 12:18 pm
od používateľa Spade
Zdravim, je mozne spravit snippet, ktory bude v urcitom obdlzniku rolovat od dola smerom nahor nejaky text? Ukazka je napr. tu:
http://www.l2wh.com/
Jednoducho kazdy riadok je brany ako jeden celok, ktory treba posunut... da sa to spravit?
Napísané: Ne Apr 08, 2007 1:10 pm
od používateľa _rasel^
Napísané: Po Apr 09, 2007 12:33 pm
od používateľa Spade
Nasiel som tento:
http://www.dynamicdrive.com/dynamicinde ... scroll.htm
Zda sa, ze je to presne to iste, ale neviem ako to prerobit na snippet
Skusal som to nejak, ale nedari sa ...
Vedel by mi niekto pomoct?
Napísané: Po Apr 09, 2007 1:34 pm
od používateľa _rasel^
Ono sa to nebude prerábať do snippetu (aj to by sa dalo, ale je to zbytočné). Najjednoduchšie bude to hodiť do chunku.
- Stiahni si http://www.dynamicdrive.com/dynamicinde ... scroll.zip
- Súbory dhtmllib.js a scroller.js nakopíruj do etomite-rootu
- Toto vlož do chunku napr.: {{Scrooler}}
Kód: Vybrať všetko
<div id="tempholder"></div>
<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript">
/*
Mike's DHTML scroller (By Mike Hall)
Last updated July 21st, 02' by Dynamic Drive for NS6 functionality
For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/
//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(0, 0, 480, 32, 1, 5); //(xpos, ypos, width, height, border, padding)
myScroller1.setColors("#006600", "#ccffcc", "#009900"); //(fgcolor, bgcolor, bdcolor)
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>Click here for <a href='http://dynamicdrive.com'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");
myScroller1.addItem("<b>Visit <a href='http://www.brainjar.com'>Brain Jar</a>, Mike\'s great coding site!</b>");
myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='http://javascriptkit.com'>JavaScript Kit.</a>");
myScroller1.addItem("<b>Discuss and get help on web coding, at <a href='http://www.codingforums.com'>CodingForums.com</a></b>");
//SET SCROLLER PAUSE
myScroller1.setPause(2500); //set pause beteen msgs, in milliseconds
function runmikescroll() {
var layer;
var mikex, mikey;
// Locate placeholder layer so we can use it to position the scrollers.
layer = getLayer("placeholder");
mikex = getPageLeft(layer);
mikey = getPageTop(layer);
// Create the first scroller and position it.
myScroller1.create();
myScroller1.hide();
myScroller1.moveTo(mikex, mikey);
myScroller1.setzIndex(100);
myScroller1.show();
}
window.onload=runmikescroll
</script>
<div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>
... to je všetko. Na webe
http://www.dynamicdrive.com/dynamicinde ... scroll.htm máš aj návod na úpravu:
- Scroller(x rozmer, y rozmer, sirka, vyska, hrubka okraju, odskocenie od okraju)
- setColors(farba pisma, farba pozadia, farba okraju)
- setFont(nazov pisma, velkost)
- setSpeed(rychlost v pps)
- setPause(pauza v ms)
- addItem(polozka)