本實例使用Javascript實現右下角可關閉最小化div,可用於展示推薦內容,效果預覽網址:http://keleyi.com/keleyi/phtml/xuanfudiv/3.htm 效果圖: 完整原始碼: 複製程式碼複製程式碼 程式碼如下 js實作右下角可關閉最小化div--柯樂義 <BR>/* 右下角跳出的廣告*/ <BR>#downmsg_emessage{POSITION: fixed;_position:absolute; z-index:100; bottom:0;right:0; background:url(http ://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) no-repeat left top;width:225px;} <BR>#donwmsg_head{float:left; display:inline; font-size:12px; color:#FFFFFF;margin-left: 26px;margin-top: 6px;} <BR>#downmsgBar .close{float:right;width:11px;height:11px;margin-top:6px;display:block; right:5px;} <BR>#downmsgBar{height:25px;} <BR>#donwmsg_content{height:162px;overflow:hidden;} <BR>#donwmsg_content ul{font-size:12px;color: 007cc : 0px;padding:0px 2px 0 6px;left: 6px;line-height:180%; height:110px; overflow:hidden;} <BR>#donwmsg_content ul li{background:url(http://keley.com/ keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) no-repeat -100px -245px;text-indent:13px;} <BR>#donwmsg_content ul li a{color:#00711} <BR> donwms. a{color:#a10000;font-weight:bold;} <BR>#donwmsg_content p{position:absolute;left: 13px;top: 157px;} <BR>#donwmsg_content .lb{padding:0px; text-align: center;} <BR>#donwmsg_content .lb a{font-size: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;background:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) no-repeat -0px -250px;} <BR>a.msg-hidden-btn-1{ width:11px; height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url(http ://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) no-repeat -50px -250px;} <BR> 柯樂義推薦內容 div> 單行文字間歇向上滾動 jQuery UI修飾title氣泡 jquery清空textarea等輸入框 jquery關燈特效 可改變大小DIV層 jQuery Javascript CMS