글 수 109
12
조회 수 : 9133 신고 : 0
미리보기 : |
---|
<head>와</head>사이에 아래소스 삽입
<script type="text/javascript>
function resizeWin(maxX,maxY,speed,delay,win){
this.obj = "resizeWin" + (resizeWin.count++);
eval(this.obj + "=this");
if (!win) this.win = self; else this.win = eval(win);
if (!maxX) this.maxX = 560; else this.maxX = maxX;
if (!maxY) this.maxY = 380; else this.maxY = maxY;
if (!speed) this.speed = 1/2; else this.speed = 1/speed;
if (!delay) this.delay = 0; else this.delay = delay;
this.doResize = (document.all || document.getElementById);
this.stayCentered = false;
this.initWin = function(){
if (this.doResize){
this.resizeMe();
}
else {
this.win.resizeTo(this.maxX + 10, this.maxY - 20);
}
}
this.resizeMe = function(){
this.win.focus();
this.updateMe();
}
this.resizeTo = function(x,y){
this.maxX = x;
this.maxY = y;
this.resizeMe();
}
this.stayCentered = function(){
this.stayCentered = true;
}
this.updateMe = function(){
this.resizing = true;
var x = Math.ceil((this.maxX - this.getX()) * this.speed);
var y = Math.ceil((this.maxY - this.getY()) * this.speed);
if (x == 0 && this.getX() != this.maxX) {
if (this.getX() > this.maxX) x = -1;
else x = 1;
}
if (y == 0 && this.getY() != this.maxY){
if (this.getY() > this.maxY) y = -1;
else y = 1;
}
if (x == 0 && y == 0) {
this.resizing = false;
}
else {
this.win.top.resizeBy(parseInt(x),parseInt(y));
if (this.stayCentered == true) this.win.moveTo((screen.width - this.getX()) / 2,(screen.height - this.getY()) / 2);
setTimeout(this.obj + '.updateMe()',this.delay)
}
}
this.write = function(text){
if (document.all && this.win.document.all["coords"]) this.win.document.all["coords"].innerHTML = text;
else if (document.getElementById && this.win.document.getElementById("coords")) this.win.document.getElementById("coords").innerHTML = text;
}
this.getX = function(){
if (document.all) return (this.win.top.document.body.clientWidth + 10)
else if (document.getElementById)
return this.win.top.outerWidth;
else return this.win.top.outerWidth - 12;
}
this.getY = function(){
if (document.all) return (this.win.top.document.body.clientHeight + 29)
else if (document.getElementById)
return this.win.top.outerHeight;
else return this.win.top.outerHeight - 31;
}
this.onResize = function(){
if (this.doResize){
if (!this.resizing) this.resizeMe();
}
}
return this;
}
resizeWin.count = 0;
</script>
클릭했을때 창이뜨는 버튼이나 문구에 아래소스적용
<a href="javascript:;" onClick="javascript:dolion = new resizeWin(560,380);dolion.stayCentered();dolion.initWin();dolion.onResize();">문구나버튼</a>
불여우와 익스 모두 작동합니다. 위에 수치는 창 가로*세로를 뜻하며 응용을하시면 좋은 결과가 있을겁니다.
<script type="text/javascript>
function resizeWin(maxX,maxY,speed,delay,win){
this.obj = "resizeWin" + (resizeWin.count++);
eval(this.obj + "=this");
if (!win) this.win = self; else this.win = eval(win);
if (!maxX) this.maxX = 560; else this.maxX = maxX;
if (!maxY) this.maxY = 380; else this.maxY = maxY;
if (!speed) this.speed = 1/2; else this.speed = 1/speed;
if (!delay) this.delay = 0; else this.delay = delay;
this.doResize = (document.all || document.getElementById);
this.stayCentered = false;
this.initWin = function(){
if (this.doResize){
this.resizeMe();
}
else {
this.win.resizeTo(this.maxX + 10, this.maxY - 20);
}
}
this.resizeMe = function(){
this.win.focus();
this.updateMe();
}
this.resizeTo = function(x,y){
this.maxX = x;
this.maxY = y;
this.resizeMe();
}
this.stayCentered = function(){
this.stayCentered = true;
}
this.updateMe = function(){
this.resizing = true;
var x = Math.ceil((this.maxX - this.getX()) * this.speed);
var y = Math.ceil((this.maxY - this.getY()) * this.speed);
if (x == 0 && this.getX() != this.maxX) {
if (this.getX() > this.maxX) x = -1;
else x = 1;
}
if (y == 0 && this.getY() != this.maxY){
if (this.getY() > this.maxY) y = -1;
else y = 1;
}
if (x == 0 && y == 0) {
this.resizing = false;
}
else {
this.win.top.resizeBy(parseInt(x),parseInt(y));
if (this.stayCentered == true) this.win.moveTo((screen.width - this.getX()) / 2,(screen.height - this.getY()) / 2);
setTimeout(this.obj + '.updateMe()',this.delay)
}
}
this.write = function(text){
if (document.all && this.win.document.all["coords"]) this.win.document.all["coords"].innerHTML = text;
else if (document.getElementById && this.win.document.getElementById("coords")) this.win.document.getElementById("coords").innerHTML = text;
}
this.getX = function(){
if (document.all) return (this.win.top.document.body.clientWidth + 10)
else if (document.getElementById)
return this.win.top.outerWidth;
else return this.win.top.outerWidth - 12;
}
this.getY = function(){
if (document.all) return (this.win.top.document.body.clientHeight + 29)
else if (document.getElementById)
return this.win.top.outerHeight;
else return this.win.top.outerHeight - 31;
}
this.onResize = function(){
if (this.doResize){
if (!this.resizing) this.resizeMe();
}
}
return this;
}
resizeWin.count = 0;
</script>
클릭했을때 창이뜨는 버튼이나 문구에 아래소스적용
<a href="javascript:;" onClick="javascript:dolion = new resizeWin(560,380);dolion.stayCentered();dolion.initWin();dolion.onResize();">문구나버튼</a>
불여우와 익스 모두 작동합니다. 위에 수치는 창 가로*세로를 뜻하며 응용을하시면 좋은 결과가 있을겁니다.
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!