Smrkec.com - JavaScript

JavaScripti >> Ostalo >> Novičkarski drsnik #1

Opis:
Ta skripta vam bo pomagala, da boste novice na svojo stran napisali v še bolj zanimivi obliki. Vanj lahko vstavite lahko katerokoli kodo html, tudi slike!

Primer:

Izvorna koda:

Korak 1:
Ta del kode vstavite v <head> del strani:

function scrollerObj(name,initH,initW,heightB,widthB,content,initBg,Bg,speed,initFl){
    //**data**//
    this.name=name;
    this.initH=initH;
    this.initW=initW;
    this.heightB=heightB;
    this.widthB=widthB;
    this.content=content;
    this.initBg=initBg;
    this.Bg=Bg;
    this.iniFl=initFl;
    this.speed=parseInt(speed);
    this.timer = name + "Timer";
    this.elem;

//**methods**//
    this.getElement = getElement;
    this.createLayer=createLayer;
    this.scrollLayer = scrollLayer; 
    this.scrollLoop=scrollLoop;

//**initiate methods**//
    this.createLayer();
    this.getElement();
    this.scrollLayer();
    }

//**call this method to stop scrolling**//
    function scrollLoop(s){
    this.speed = s;
    }

//**pretty obvious**//
    function scrollLayer(){
    if(parseInt(this.elem.style.top)>(this.elem.offsetHeight*(-1))){
        this.elem.style.top = parseInt(this.elem.style.top)-this.speed;
        //alert(parseInt(this.elem.style.top)+"\n"+this.elem.id);
    }
    else {this.elem.style.top = this.initH;}
    }

//**get the specific dom-expression**//
    function getElement(){
    if(document.getElementById){
        this.elem = document.getElementById(this.name);
        }
    else if (document.all){
    this.elem = document.all[name];
        }
    else if (document.layers){
    this.elem = document.layers[name];
        }
    }

//**pretty obvious - if NS4 - please upgrade to a standard compliant browser**//
    function createLayer(){

if(document.getElementById || document.all){
    document.write('<div id="layer'+this.name+'" style="position:relative;overflow:hidden;float:'+this.initFl+';background-color:#'+this.initBg+';border:1px solid black;width:'+this.initW+'px;height:'+this.initH+'px;" onMouseover="'+this.name+'.scrollLoop(0)" onMouseout="'+this.name+'.scrollLoop('+this.speed+')">');
    document.write('<div id="'+this.name+'" style="position:absolute;top:'+this.initH+'px;left:0px;border:0px solid black;width:'+this.widthB+'px;height:'+this.heightB+'px;background-color:#'+this.Bg+'">');
    document.write(this.content);
    document.write('<\/div><\/div>');}
    else if(document.layers){
        document.write('<ilayer name="'+this.name+'" bgcolor="#'+this.Bg+'" width="'+this.widthB+'" height="'+this.heightB+'">'+this.content+'<\/ilayer>');
        return;
    }
    if(this.scrollLayer){
      this.timer = setInterval(this.name+'.scrollLayer()','30');
    }
   }

</script>
    <style media="screen" type="text/css">
  
    #BODY{ background-color:#99CCCC;}
    P{color:#465d5c;margin:3px;}
    A{color:#e86500}
    H1{color:#465d5c;font-size:11px;font-weight:normal;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}
    H2{color:#465d5c;font-size:11px;font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;margin:3px; padding:0px}
    .art{font-weight:normal;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;border-top:1px solid #FFFFFF;border-bottom:1px solid #FF7F00; padding:3px;margin-bottom:10px;text-align: justify;}
    .state{color:#e86500;margin-left:5px;margin-right:5px;}
    #art1{background-color:#FFBB00;}
    #art2{background-color:#FFCC00;}
    #art3{background-color:#FFDD00;}
    #art4{background-color:#FFEE00;}
    #main{background-image: url(img/bg_px_3.gif);background-color: #cc6600;width:600px;padding-bottom:75px;border:1px solid white}
    #logo{margin-left:10px; margin-top:3px; margin-bottom:10px; font-weight:bold;font-size:11px;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;width:100%;}
    #date{font-size:9px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;color:#545454}

</style>

Korak 2:
Ta del kode vstavite v <body> del strani: