이 예에서는 Javascript를 사용하여 오른쪽 하단에서 닫을 수 있는 최소화된 div를 구현합니다. 이는 권장 콘텐츠를 표시하는 데 사용할 수 있습니다. 효과 미리보기 URL: http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 효과 사진: 전체 소스 코드: 코드 복사 코드는 다음과 같습니다. <제목> Node.js는 오른쪽 하단에서 닫힐 수 있는 최소화된 div를 실현합니다. --Ke Leyi< ;/title> <br>/* 오른쪽 하단에 뜨는 광고* / <br>#downmsg_emessage{위치: 고정;_위치:절대; z-색인:100; 하단:0;오른쪽:0; 배경:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg .gif) 반복 없음 왼쪽 상단;너비:225px;} <br>#donwmsg_head{float: 왼쪽; 디스플레이:인라인; 글꼴 크기:12px;색상:#FFFFFF;여백-왼쪽: 26px;마진-상단: 6px ;} <br>#downmsgBar .close{float:right;width:11px;height:11px; margin-top:6px;display:block;margin-right:5px;} <br>#downmsgBar{height:25px;} <br>#donwmsg_content{height:162px;overflow:hidden;} <br>#donwmsg_content ul{font-size:12px;color:#007cc1; 상단: 0px;padding:0px 2px 0 6px;왼쪽: 6px;line- 높이:180%; 높이:110px; 오버플로:숨김;} <br>#donwmsg_content ul li{ background:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) 반복 없음 - 100px -245px;text-indent:13px;} <br>#donwmsg_content ul li a{color: #007cc1;} <br>#donwmsg_content ul .ll a{color:#a10000;font-weight:bold;} <br>#donwmsg_content p{위치:절대;왼쪽: 13px;위: 157px;} <br># donwmsg_content .lb{padding:0px; text-align:center;} <br>#donwmsg_content .lb a{글꼴 크기: 12px;color:Blue} <br>a.msg-hidden-btn-2{width:11px ; height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px ;배경:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg .gif) no-repeat -0px -250px;} <br>a.msg-hidden-btn-1{ 너비:11px ; 높이:11px;오버플로:숨김;float:오른쪽;디스플레이:블록;마진-오른쪽:5px ;마진-상단:6px;배경:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg .gif) no-repeat -50px -250px;} <br> < ;div id="donwmsg_head">Ke Leyi 추천 콘텐츠 < /div> href="http://keleyi.com/a/bjac/768f469b95b61487.htm" >한 줄 텍스트가 간헐적으로 위로 스크롤됩니다 jQuery UI 수정된 제목 풍선 jquery는 텍스트 영역 및 기타 입력 상자를 지웁니다 jquery 조명 끄기 효과 크기 조정 가능한 DIV 레이어 jQuery Javascript < ;a href="http://keleyi.com/menu/cms/" target="_blank">CMS ;
