本实例使用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;margin-right:5px;} <BR>#downmsgBar{height:25px;} <BR>#donwmsg_content{height:162px;overflow:hidden;} <BR>#donwmsg_content ul{font-size:12px;color:#007cc1; top: 0px;padding:0px 2px 0 6px;left: 6px;line-height:180%; height:110px; overflow:hidden;} <BR>#donwmsg_content ul li{background:url(http://keleyi.com/keleyi/phtml/xuanfudiv/3/down_msg_bg.gif) no-repeat -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{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> 柯乐义推荐内容 单行文字间歇向上滚动 jQuery UI修饰title气泡 jquery清空textarea等输入框 jquery关灯特效 可改变大小DIV层 jQuery Javascript CMS
