묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
크롬에서 작동하지않는 스크립트문제 고수님들 도움부탁드립니다
2012.01.24 13:02
안녕하세요 초보웹디자이너 입니다
XE메인페이지에서 하단에 슬라이드배너를 넣고있습니다.
테스트해보니 IE에서는 슬라이드가되는데 크롬에서는 꿈쩍하지않네요
메인페이지에 들어간코드는 이렇습니다
<*div class="bzk_mainBanner_center"><*div style="width:804px;overflow:Hidden;height:45px;margin-top:3px;float:left" onMouseover="mouse=0" onMouseout="mouse=1" id="scroll_div"><script>document. write(startText_m());</script></*div></*div>
css.css파일
.bzk_mainBanner_center{position:relative;width:804px;height:51px;overflow:Hidden;float:left;text-align:left}
그리고 메인페이지상단에서 임포트시킨 js폴더의 comm.js파일의 내용
var
htmlstr_m = "",
flag=true,
mouse=1,
speed=1,
wait=3000,
temp=0,
m_amount=161,
m_left=161;
var ctnt=new Array(), i=0, j=0;
function startText_m() {
for (i=0; i<ctnt.length; i++) insertText_m(i);
window.setTimeout("scroll_m()",wait);
}
function scroll_m() {
if (mouse && flag) {
for (i=0;i<ctnt.length;i++) {
temp++;
tmp = document.getElementById('scroll_area'+i).style;
tmp.left = parseInt(tmp.left) - 1;
if (parseInt(tmp.left) <= m_left*(-1)) {
tmp.left = m_left*(ctnt.length-1);
}
if (temp>(m_amount-1)*ctnt.length) {
flag=false;
temp=0;
window.setTimeout("flag=true;temp=0;",wait);
}
}
}
window.setTimeout("scroll_m()",speed);
}
function insertText_m(i) {
htmlstr_m='<div style="left:'+((m_left)*i)+'px; width:'+(m_amount+0)+'px; position: absolute; top: 0px;padding:0 0 0 0" id="scroll_area'+i+'">\n';
htmlstr_m+=ctnt[i]+'\n'+'</div>\n';
document.write(htmlstr_m);
//alert(i + " " + htmlstr_m);
}
ctnt[0] = "<*div style='float:left;width:160px;margin:0;overflow:hidden;height:45px'><a href=http://www.ftc.go.kr/ target=_blank onfocus='this.blur()'><*img src=/images/main_banner/1.gif border='0'></a></div><*div style='float:left;width:1px;overflow:hidden;height:45px'><*img src='/images/main_banner/bar.gif' border='0'></div>";
ctnt[1] = "<*div style='float:left;width:160px;margin:0;overflow:hidden;height:45px'><a href=http://www.kpetro.or.kr target=_blank onfocus='this.blur()'><*img src=/images/main_banner/2.gif border='0'></a></div><*div style='float:left;width:1px;overflow:hidden;height:45px'><*img src='/images/main_banner/bar.gif' border='0'></div>";