문의드립니다. 정보
문의드립니다.본문
떠다니는 배너소스인데..자꾸...해상도에따라 위치가 변경되네요..ㅠ.ㅠ
방법이 없을까요??
<div id="floatdiv" style="background-color:#ffffff; padding:0px; border-width:0px; border-color:#ffffff; border-style:solid; width:36px; height:120px; position:absolute; left:0px; top:0px; z-index:0;">
<!-- 왼쪽플로팅2TOP버튼 -->
<div class="post_share retweet" id="post_retweet2">
<a href=http://happypension.tistory.com onfocus='this.blur()'
><img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home1.GIF></a>
</div>
<!-- 왼쪽플로팅2TOP버튼끝 -->
<!-- 왼쪽플로팅3HOME버튼 -->
<div class="post_share retweet" id="post_retweet3">
<a href=# onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home2.GIF></a>
</div>
<!-- 왼쪽플로팅3HOME버튼끝 -->
<!-- 왼쪽플로팅3TOP버튼 -->
<div class="post_share retweet" id="post_retweet4">
<a href=http://db.blueweb.co.kr/formmail/formmail.html?dataname=jaulimks0 target=_blank onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home3.GIF></a>
</div>
<!-- 왼쪽플로팅3TOP버튼끝 -->
<!-- 왼쪽플로팅3TOP버튼 -->
<div class="post_share retweet" id="post_retweet4">
<a href=http://db.blueweb.co.kr/formmail/formmail.html?dataname=jaulimks0 target=_blank onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home5.gif></a>
</div>
<!-- 왼쪽플로팅3TOP버튼끝 -->
<!-- 왼쪽플로팅2TOP버튼 -->
<div class="post_share retweet" id="post_retweet2">
<a href=http://happypension.tistory.com onfocus='this.blur()'
><img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home1.GIF></a>
</div>
<!-- 왼쪽플로팅2TOP버튼끝 -->
<!-- 왼쪽플로팅3HOME버튼 -->
<div class="post_share retweet" id="post_retweet3">
<a href=# onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home2.GIF></a>
</div>
<!-- 왼쪽플로팅3HOME버튼끝 -->
<!-- 왼쪽플로팅3TOP버튼 -->
<div class="post_share retweet" id="post_retweet4">
<a href=http://db.blueweb.co.kr/formmail/formmail.html?dataname=jaulimks0 target=_blank onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home3.GIF></a>
</div>
<!-- 왼쪽플로팅3TOP버튼끝 -->
<!-- 왼쪽플로팅3TOP버튼 -->
<div class="post_share retweet" id="post_retweet4">
<a href=http://db.blueweb.co.kr/formmail/formmail.html?dataname=jaulimks0 target=_blank onfocus='this.blur()'>
<img src=http://cfs.tistory.com/custom/blog/67/679845/skin/images/home5.gif></a>
</div>
<!-- 왼쪽플로팅3TOP버튼끝 -->
</div>
<script type="text/javascript">
<!--
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: 10, //
targetY: 325, //
<!--
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: 10, //
targetY: 325, //
hasInner: typeof(window.innerWidth) == 'number',
hasElement: document.documentElement
&& document.documentElement.clientWidth,
hasElement: document.documentElement
&& document.documentElement.clientWidth,
menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
if (document.layers)
{
floatingMenu.menu.left = floatingMenu.nextX;
floatingMenu.menu.top = floatingMenu.nextY;
}
else
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
}
{
if (document.layers)
{
floatingMenu.menu.left = floatingMenu.nextX;
floatingMenu.menu.top = floatingMenu.nextY;
}
else
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
}
floatingMenu.computeShifts = function ()
{
var de = document.documentElement;
{
var de = document.documentElement;
floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftX +=
de.clientWidth > window.innerWidth
? window.innerWidth
: de.clientWidth
}
else
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: floatingMenu.hasInner
? window.innerWidth
: document.body.clientWidth;
}
}
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftX +=
de.clientWidth > window.innerWidth
? window.innerWidth
: de.clientWidth
}
else
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: floatingMenu.hasInner
? window.innerWidth
: document.body.clientWidth;
}
}
floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? document.documentElement.clientHeight
: floatingMenu.hasInner
? window.innerHeight
: document.body.clientHeight;
}
}
}
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? document.documentElement.clientHeight
: floatingMenu.hasInner
? window.innerHeight
: document.body.clientHeight;
}
}
}
floatingMenu.doFloat = function()
{
var stepX, stepY;
{
var stepX, stepY;
floatingMenu.computeShifts();
stepX = (floatingMenu.shiftX +
floatingMenu.targetX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = floatingMenu.shiftX +
floatingMenu.targetX - floatingMenu.nextX;
}
floatingMenu.targetX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = floatingMenu.shiftX +
floatingMenu.targetX - floatingMenu.nextX;
}
stepY = (floatingMenu.shiftY +
floatingMenu.targetY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = floatingMenu.shiftY +
floatingMenu.targetY - floatingMenu.nextY;
}
floatingMenu.targetY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = floatingMenu.shiftY +
floatingMenu.targetY - floatingMenu.nextY;
}
if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}
setTimeout('floatingMenu.doFloat()', 20);
};
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}
//if handler is not already stored, assign it
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};
floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.shiftX +
floatingMenu.targetX;
floatingMenu.nextY = floatingMenu.shiftY +
floatingMenu.targetY;
floatingMenu.move();
}
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.shiftX +
floatingMenu.targetX;
floatingMenu.nextY = floatingMenu.shiftY +
floatingMenu.targetY;
floatingMenu.move();
}
if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload',
floatingMenu.initSecondary);
}
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload',
floatingMenu.initSecondary);
}
//-->
</script>
</script>
<!-- 떠있는 레이어 끝-->
추천
0
0
댓글 0개