혹시, 이중에 표준 코드에 어긋나는 부분이 있나요?
본문
쿼크 모드에서는 롤링 기능이 잘 되는데, 표준 모드에서는 작동이 안 되네요.
<script type="text/javascript" src="<?=$latest_skin_path?>/display.js"></script>
<script>
saybox_display = new saybox_scroll();
saybox_display.name = "saybox_display";
saybox_display.height = 16;
saybox_display.width = 720;
saybox_display.scrollspeed = 20;
saybox_display.pausedelay = 3000;
saybox_display.pausemouseover = true;
<? for ($i=0; $i<$rows; $i++) { ?>
saybox_display.add("<?=$list[$i][wr_name]?> : <a href=\"<?=$list[$i][href]?>\"><?=$list[$i][subject]?></a>");
<? } ?>
saybox_display.start();
</script>
<?=$latest_skin_path?>/display.js 파일 소스
-----------------------------------------------------------------
function saybox_scroll() {
this.name = "scroll";
this.item = new Array();
this.itemcount = 0;
this.currentspeed = 0;
this.scrollspeed = 50;
this.pausedelay = 1000;
this.pausemouseover = false;
this.stop = false;
this.type = 1;
this.height = 100;
this.width = 100;
this.stopHeight=0;
this.add =function () {
var text = arguments[0];
this.item[this.itemcount] = text;
this.itemcount = this.itemcount + 1;
};
this.start = function () {
this.display();
this.currentspeed = this.scrollspeed;
setTimeout(this.name+'.scroll()',this.currentspeed);
};
this.display =function () {
document.write('<div id="'+this.name+'" style="height:'+this.height+'px;width:'+this.width+'px;position:relative;overflow:hidden;" OnMouseOver="'+this.name+'.onmouseover();" OnMouseOut="'+this.name+'.onmouseout();">');
for(var i = 0; i < this.itemcount; i++) {
if ( this.type == 1) {
document.write('<div id="'+this.name+'item'+i+'" style="left:0px;width:'+this.width+'px;position:absolute;top:'+(this.height*i+1)+'px;">');
document.write(this.item[i]);
document.write('</div>');
}
else if ( this.type == 2 ) {
document.write('<div id="'+this.name+'item'+i+'" style="left:'+(this.width*i+1)+'px;width:'+this.width+'px;position:absolute;top:0px;">');
document.write(this.item[i]);
document.write('</div>');
}
}
document.write('</div>');
};
this.scroll = function () {
this.currentspeed = this.scrollspeed;
if ( !this.stop ) {
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( this.type == 1 ) {
obj.top = parseInt(obj.top) - 1;
if ( parseInt(obj.top) <= this.height*(-1) ) obj.top = this.height * (this.itemcount-1);
if ( parseInt(obj.top) == 0 || ( this.stopHeight > 0 && this.stopHeight - parseInt(obj.top) == 0 ) ) this.currentspeed = this.pausedelay;
}
else if ( this.type == 2 ) {
obj.left = parseInt(obj.left) - 1;
if ( parseInt(obj.left) <= this.left*(-1) ) obj.left = this.left* (this.itemcount-1);
if ( parseInt(obj.left) == 0 ) this.currentspeed = this.pausedelay;
}
}
}
window.setTimeout(this.name+".scroll()",this.currentspeed);
};
this.onmouseover = function () {
if ( this.pausemouseover ) {
this.stop = true;
}
};
this.onmouseout = function () {
if ( this.pausemouseover ) {
this.stop = false;
}
};
} /*function saybox_scroll()*/