다음초기화면 레이어 구성
페이지 정보
작성자 서방님 댓글 0건 조회 89회 작성일 07-08-07 16:35본문
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Daum - 우리들의 UCC 세상, 다음</TITLE>
<META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987">
<STYLE type=text/css>
DL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: 굴림,Gulim,AppleGothic,sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
DIV {
CLEAR: both; COLOR: #333333; TEXT-ALIGN: left
}
OL {
LIST-STYLE-TYPE: none
}
UL {
LIST-STYLE-TYPE: none
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}
A {
COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
A:active {
TEXT-DECORATION: underline
}
.small {
FONT-SIZE: 95%; FONT-FAMILY: 돋움,Dotum; LETTER-SPACING: 0px
}
STRONG {
LETTER-SPACING: -1px
}
.listText {
OVERFLOW: hidden; WHITE-SPACE: nowrap
}
.listText DD {
PADDING-LEFT: 7px; BACKGROUND: url(http://image.hanmail.net/hanmail/top/2006_top/i_gray.gif) no-repeat left 7px; LINE-HEIGHT: 1.6em; WHITE-SPACE: nowrap
}
.listText LI {
PADDING-LEFT: 7px; BACKGROUND: url(http://image.hanmail.net/hanmail/top/2006_top/i_gray.gif) no-repeat left 7px; LINE-HEIGHT: 1.6em; WHITE-SPACE: nowrap
}
.listImg {
DISPLAY: inline; FLOAT: left; MARGIN: 0px 12px 0px 0px; WIDTH: 83px
}
.listImg DT {
FONT-SIZE: 95%; FONT-FAMILY: 돋움,Dotum; TEXT-ALIGN: center
}
.listImg DD {
MARGIN-BOTTOM: 6px
}
#LIVEDAUM {
LEFT: 187px; WIDTH: 420px; POSITION: absolute
}
#POPULARS {
LEFT: 187px; WIDTH: 420px; POSITION: absolute
}
#LIFE {
LEFT: 187px; WIDTH: 420px; POSITION: absolute
}
.tabRight {
BACKGROUND: url(http://icon.hanmail.net/2006_top/tab_3bg.gif) no-repeat; HEIGHT: 23px
}
.tabRight SPAN {
DISPLAY: block; FLOAT: right; OVERFLOW: hidden; TEXT-INDENT: -3000px; HEIGHT: 22px
}
.icon_get {
BACKGROUND: url(http://icon.hanmail.net/2006_top/i_feed.gif); WIDTH: 14px; CURSOR: pointer
}
.icon_split {
BACKGROUND: url(http://icon.hanmail.net/2006_top/i_divide.gif); WIDTH: 7px
}
.icon_up {
BACKGROUND: url(http://icon.hanmail.net/2006_top/i_up.gif); WIDTH: 22px; CURSOR: pointer
}
</STYLE>
<DIV id=POPULARS>
<H3>오늘은 이런 검색!</H3>
<DIV class="tabRight tab2"><SPAN class=icon_up title=이동하기>이동하기</SPAN><SPAN class=icon_split>|</SPAN><SPAN class=icon_get title="외부로 복사하기" onclick="toppop('http://pump.hanmail.net/doc/pump_popup3.html', 'pump', '420', '245', 'no', 'no');">외부로 복사하기</SPAN>
</DIV>
<BLOCKQUOTE class=contentArea id=POPULARS_tabMovie>
<DL class=listImg><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=왕푸징&rtupcoll=Board&nil_profile=p&nil_searchimg=5"><IMG height=48 alt=왕푸징 src="http://icon.hanmail.net/top/search/200701/0109_s8.gif" width=82></A><BR><DT><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=왕푸징&rtupcoll=Board&nil_profile=p&nil_searchimg=5">중국 왕푸징<BR>엽기음식<BR></A></DT></DL>
<DL class=listImg><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=호그질라&nil_profile=p&nil_searchimg=6"><IMG height=48 alt=호그질라 src="http://icon.hanmail.net/top/search/200701/0109_s1.gif" width=82></A><BR><DT><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=호그질라&nil_profile=p&nil_searchimg=6">0.5톤 멧돼지?<BR>호그질라<BR></A></DT></DL>
<DL class=listText><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=얼굴 팔자주름을 없애는 방법&nil_profile=p&nil_searchtxt=1"><STRONG>몇 배 더 늙어보이는 팔자주름 없애기</STRONG></A> </DD><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=호주의 리조트&rtupcoll=Board&nil_profile=p&nil_searchtxt=2">하루 24시간이 즐거운 호주의 리조트</A> </DD><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=보습크림 만들기&nil_profile=p&nil_searchtxt=3">건조한 겨울철 보습크림 직접 만든다</A> </DD><DD><A href="http://search.daum.net/cgi-bin/nsp/search.cgi?sw=tot&q=재테크 초보&nil_profile=p&nil_searchtxt=4">재테크 초보, 어떻게 시작해야 할까?</A> </DD></DL>
</BLOCKQUOTE>
</DIV><!-- // POPULARS -->
<DIV id=LIVEDAUM>
<H3>흥미진진 UCC</H3>
<DIV class="tabRight tab2">
<SPAN class=icon_up title=이동하기>이동하기</SPAN>
<SPAN class=icon_split>|</SPAN>
<SPAN class=icon_get title="외부로 복사하기" onclick="toppop('http://pump.hanmail.net/doc/pump_popup2.html', 'pump', '420', '245', 'no', 'no');">외부로 복사하기</SPAN>
</DIV>
<BLOCKQUOTE class=contentArea>
<DL class=listImg><DD><A href="http://blog.daum.net/film-art/9264516?nil_profile=p&nil_uccimg=1"><IMG height=48 alt="서양화 속에 현영이?" src="http://icon.hanmail.net/top/cms/uccimg/2007/01/nano1168268754578843000.gif" width=82></A><BR><DT><A href="http://blog.daum.net/film-art/9264516?nil_profile=p&nil_uccimg=1">서양화 속에<BR>현영이?<BR></A></DT></DL>
<DL class=listImg><DD><A href="http://cafe160.daum.net/_c21_/home?grpid=l13c&nil_profile=p&nil_uccimg=2"><IMG height=48 alt="미스테리 동물의 세계" src="http://icon.hanmail.net/top/cms/uccimg/2007/01/nano1168320067784742000.gif" width=82></A><BR><DT><A href="http://cafe160.daum.net/_c21_/home?grpid=l13c&nil_profile=p&nil_uccimg=2">미스테리<BR>동물의 세계<BR></A></DT></DL>
<DL class=listText><DD><A href="http://tvzonebbs1.media.daum.net/griffin/do/photophoto/read?bbsId=A000004&articleId=222125&pageIndex=4&searchKey=&searchValue&nil_profile=p&nil_ucctxt=5">원조 반올림 나왔던 주인공 최근 모습</A> </DD><DD><A href="http://worldn.media.daum.net/country/?nil_profile=p&nil_ucctxt=6"><STRONG>한국 친지방문..미국 떠나고 싶어진다</STRONG></A> </DD><DD><A href="http://blog.daum.net/hdm3689/1332744?nil_profile=p&nil_ucctxt=7">중요한 물건 담아놓는 미니 장독대</A> </DD><DD><A href="http://cafe94.daum.net/_c21_/home?grpid=wzBk&nil_profile=p&nil_ucctxt=8">초보에서 전문가까지, 펀드스쿨</A> </DD></DL>
</BLOCKQUOTE>
</DIV><!-- // LIVEDAUM -->
<DIV id=LIFE>
<H3>라이프 스토리</H3>
<DIV class="tabRight tab2">
<SPAN class=icon_up title=이동하기>이동하기</SPAN>
<SPAN class=icon_split>|</SPAN>
<SPAN class=icon_get title="외부로 복사하기" onclick="toppop('http://pump.hanmail.net/doc/pump_popup4.html', 'pump', '420', '245', 'no', 'no');">외부로 복사하기</SPAN>
</DIV>
<BLOCKQUOTE class=contentArea id=LIFE_tabLife>
<DL class=listImg><DD><A href="http://cafe.tour.daum.net/griffin/do/pic/read?bbsId=00102&articleId=994&pageIndex=1&searchKey=&searchValue=&nil_profile=p&nil_lifeimg=1"><IMG height=48 alt="황홀한 눈꽃만발 한라산의 겨울" src="http://icon.hanmail.net/top/cms/lifeimg/2007/01/nano1168303431112326000.gif" width=82></A><BR><DT><A href="http://cafe.tour.daum.net/griffin/do/pic/read?bbsId=00102&articleId=994&pageIndex=1&searchKey=&searchValue=&nil_profile=p&nil_lifeimg=1">황홀한 눈꽃만발<BR>한라산의 겨울<BR></A></DT></DL>
<DL class=listImg><DD><A href="http://bbs1.miznet.daum.net/griffin/do/sensetalk/cooknliving/mycook/read?bbsId=00041&articleId=48506&nil_profile=p&nil_lifeimg=2"><IMG height=48 alt="맛이 감동이야~ 치즈롤 돈까스" src="http://icon.hanmail.net/top/cms/lifeimg/2007/01/nano1168307297453464000.gif" width=82></A><BR><DT><A href="http://bbs1.miznet.daum.net/griffin/do/sensetalk/cooknliving/mycook/read?bbsId=00041&articleId=48506&nil_profile=p&nil_lifeimg=2">맛이 감동이야~<BR>치즈롤 돈까스<BR></A></DT></DL>
<DL class=listText><DD><A href="http://bbs1.miznet.daum.net/griffin/do/sensetalk/entertainment/humor/read?bbsId=00032&searchValue=&articleId=32824&nil_profile=p&nil_lifetxt=1"><STRONG>혈액형별 데이트, 이렇게 공략하라!</STRONG></A> </DD><DD><A href="http://bbs3.finance.daum.net/griffin/do/expert3/read?bbsId=expert&searchValue=&articleId=7967&pageIndex=1&searchKey=&nil_profile=p&nil_lifetxt=2">병아리 신혼부부 재테크가 궁금해요~</A> </DD><DD><A href="http://bbs2.movie.daum.net/griffin/do/movie/read?bbsId=phototalk&articleId=30854&nil_profile=p&nil_lifetxt=3">'주몽'의 '대소왕자' 닮은 디카프리오?</A> </DD><DD><A href="http://mv.daum.net/new/?mv=3007&nil_profile=p&nil_lifetxt=4">버스안에서 '자자' 10년만에 2집?!</A> </DD></DL>
</BLOCKQUOTE>
</DIV><!-- // LIFE -->
<SCRIPT type=text/javascript>
// 스크립트 초기화 영역
//<![CDATA[
var tTopRefresh = null;
if(!Function.call) Function.prototype.call = function() {
if (!arguments[0]) {
return this();
}
var baseObj = arguments[0];
var d = new Date();
var tempFuncName = 'f' + d.getTime();
var args = new Array();
baseObj[tempFuncName] = this;
for(var i = 1; i < arguments.length; i++) {
args[i-1] = 'arguments[' + i + ']';
}
eval('baseObj[tempFuncName](' + args.join(',') + ')');
baseObj[tempFuncName] = null;
}
if(!Function.apply) Function.prototype.apply = function() {
if (!arguments[0]) {
return this();
}
var baseObj = arguments[0];
var d = new Date();
var tempFuncName = 'f' + d.getTime();
var args = new Array();
baseObj[tempFuncName] = this;
if (arguments[1]) {
for (var i = 0; i < arguments[1].length; i++) {
args[i] = 'arguments[1][' + i + ']';
}
}
eval('baseObj[tempFuncName](' + args.join(',') + ')');
baseObj[tempFuncName] = null;
}
function ForceError(msg, url, lno){
var parm = document.location.toString();
if (parm.indexOf('?debug')>=0) alert('주소:'+url+'n라인:'+lno+'n에러메시지:'+msg);
return true;
}
window.onerror = ForceError;
document.domain='drapt.com';
function loadScript(src, ord) {
var s = document.getElementsByTagName('HEAD')[0].appendChild(document.createElement('script'));
s.type = 'text/javascript';
s.src = src + (ord ? ' &ord=' + ord : '');
}
//]]>
</SCRIPT>
<SCRIPT type=text/javascript>
// 스크립트 처리 영역
//<![CDATA[
var focusPosition = null;
var inited = false;
function focusBack() {
if (draptGetCookie('auto_refresh')!='1') if (!inited && focusPosition) focusPosition.focus();
}
// Cookie
function draptGetCookie(s){
var tmp=document.cookie.split('; ');
for (var i=0; i<tmp.length;i++){
var c_name = tmp[i].split('=');
if (c_name[0]==s) return c_name[1];
}
return false;
}
var expireDate = new Date();
expireDate.setMonth(expireDate.getMonth()+1);
function draptSetCookie(c,s){
document.cookie = c+'='+s+';expires='+expireDate.toGMTString()+';path=/;domain='+window.location.hostname+';';
}
var ParagraphInfo = new Object();
ParagraphInfo.layout = draptGetCookie('layout');
if (!ParagraphInfo.layout) ParagraphInfo.layout = 'LIVEDAUM,POPULARS,LIFE';
ParagraphInfo.heightList = {'LIVEDAUM':150,'POPULARS':150,'LIFE':150}
ParagraphInfo.top = 122;
ParagraphInfo.space = 7;
function setParagraphPosition () {
var posTop = ParagraphInfo.top;
var arrLayout = ParagraphInfo.layout.split(',');
var arrStyle = [];
for (var i = 0; i < arrLayout.length; i++) {
arrStyle[arrStyle.length] = '#' + arrLayout[i] + '{top:' + posTop + 'px;}';
posTop += ParagraphInfo.heightList[arrLayout[i]] + ParagraphInfo.space;
}
document.write('<style type="text/css">'+arrStyle.join('')+'</style>');
}
setParagraphPosition();
var rand = Math.random().toString();
var ordval = rand.substring(2,rand.length);
function toppop(url,name,width,height,scrollbars,resizable) {
msgWindow=window.open(url,name,'scrollbars='+scrollbars+',resizable='+resizable+',width='+width+',height='+height);
msgWindow.focus();
}
/**
* TimeIterator
*/
var TimeIterator = function (obj) {
this.objTimeout = null;
this.bStop = false;
this._waitingTime = 0;
this.id = TimeIterator.list.length;
TimeIterator.list[this.id] = obj;
}
TimeIterator.list = new Array();
TimeIterator.prototype.start = function() {
if (this.objTimeout) clearTimeout(this.objTimeout);
this.bStop = false;
this.objTimeout = setTimeout('TimeIterator.list["' + this.id + '"]._iterate();', this.getWaitingTime());
}
TimeIterator.prototype.stop = function() {
if (this.objTimeout) clearTimeout(this.objTimeout);
this.bStop = true;
}
TimeIterator.prototype._iterate = function() {
this.iterate();
if(this.bStop) return;
this.objTimeout = setTimeout('TimeIterator.list["' + this.id + '"]._iterate();', this.getWaitingTime());
}
TimeIterator.prototype.setWaitingTime = function(msec) {
this._waitingTime = msec
}
TimeIterator.prototype.getWaitingTime = function() {
return this._waitingTime;
}
TimeIterator.prototype.inheritTo = function(obj) {
for (var p in this) {
obj[p] = this[p];
}
}
var ParagraphScroller = function (pIdList) {
var ti = new TimeIterator(this);
ti.inheritTo(this);
this.objParent = null;
this.pIdList = pIdList;
this.objParagraphList = null;
this.objCloneList = null;
this.clickedId = '';
this.bWorking = false;
this.bCloneCreated = false;
//const
this.SHOW_CLONE = true;
this.SHOW_ORIGNAL = false;
this.SCROLL_ENABLE = true;
this.SCROLL_DISABLE = false;
//config
this.hSpace = 7;
this.scrollStep = 30;
this.scrollCount = 0;
this.scrollInfoList = null;
this.objTimeIteratorList = new Array();
this.setWaitingTime(0);
};
ParagraphScroller.prototype.iterate = function() {
this.scroll();
}
ParagraphScroller.prototype.reArrange = function () {
var len = this.objParagraphList.length;
var posTop = ParagraphInfo.top;
for (var i = 0; i < len; i++) {
this.objParagraphList[i].style.top = posTop + 'px';
this.pIdList[i] = this.objParagraphList[i].id;
posTop += ParagraphInfo.heightList[this.objParagraphList[i].id] + ParagraphInfo.space;
}
draptSetCookie('layout', this.pIdList.join());
this.bWorking = false;
}
ParagraphScroller.prototype.scroll = function () {
var len = this.scrollInfoList.length;
if(this.scrollCount >= this.scrollStep) {
//scroll end
for (var i=0; i < len; i++) {
var scrollInfo = this.scrollInfoList[i];
scrollInfo.obj.style.top = scrollInfo.to + "px";
}
this.reArrange();
this.stop();
return;
} else {
for (var i=0; i < len; i++) {
var scrollInfo = this.scrollInfoList[i];
var displacement = Math.round(Math.sin(this.scrollCount/this.scrollStep * Math.PI / 2) * scrollInfo.dist);
var curPos = scrollInfo.from + displacement;
scrollInfo.obj.style.top = curPos + "px";
}
}
this.scrollCount++;
}
ParagraphScroller.prototype.initScroll = function () {
this.scrollInfoList = new Array();
var idx = 0;
var top = ParagraphInfo.top;
for ( var i = 0; i < this.objParagraphList.length; i++ ) {
var objParagraph = this.objParagraphList[i];
var to = top;
var from = objParagraph.offsetTop;
if (from != to) {
//add scrollInfo
var scrollInfo = new Object();
scrollInfo.obj = objParagraph;
scrollInfo.from = from;
scrollInfo.to = to;
scrollInfo.dist = to - from;
this.scrollCount = 0;
this.scrollInfoList[idx++] = scrollInfo;
}
top += ParagraphInfo.heightList[objParagraph.id] + ParagraphInfo.space;
}
}
ParagraphScroller.prototype.move = function( bUseScroll ) {
if ( bUseScroll ) {
this.initScroll();
this.start();
} else {
this.reArrange();
}
}
ParagraphScroller.prototype.clickUp = function( id ) {
this.clickedId = id;
var objList = this.objParagraphList;
var idx;
for (idx = objList.length - 1; idx >= 0 && objList[idx].id != id; idx--); //search id's index (position);
if(idx == 0) { // first position.
//scroll
var first = objList[0];
var len = objList.length - 1;
for (var i = 0; i < len; i++) {
objList[i] = objList[i+1];
}
objList[i] = first;
} else {
//swap position
var tmp = objList[idx];
objList[idx] = objList[idx - 1];
objList[idx - 1] = tmp;
}
this.move(this.SCROLL_ENABLE);
}
ParagraphScroller.prototype.handlerClickUp = function() {
var objScroller = this.pScroller;
if( objScroller.bWorking ) return;
objScroller.bWorking = true;
objScroller.clickUp.call(objScroller, this.paragraphId);
}
ParagraphScroller.prototype.init = function () {
this.objParagraphList = new Array();
for ( var i = this.pIdList.length - 1; i >= 0; i-- ) {
//regist event handler
var objParagraph = document.getElementById(this.pIdList[i]);
this.objParagraphList[i] = objParagraph;
var objList = objParagraph.getElementsByTagName("span");
for (var j=0; j < objList.length; j++) {
if(objList[j].className == "icon_up") {
objList[j].onclick = this.handlerClickUp;
objList[j].pScroller = this;
objList[j].paragraphId = this.pIdList[i];
}
}
}
this.objParent = this.objParagraphList[0].parentNode;
this.objParent.style.height = this.objParent.offsetHeight + 'px';
var objList = this.objParagraphList;
}
var init = function() {
if(inited) return;
var paragraphScroller = new ParagraphScroller(ParagraphInfo.layout.split(','));
paragraphScroller.init();
}
setTimeout('init()',6000);
document.body.onload = init;
//]]>
</SCRIPT>
</BODY></HTML>
댓글목록
등록된 댓글이 없습니다.
