js实现右下角可关闭最小化div(可用于展示推荐内容)

本实例使用爪哇岛描述语言实现右下角可关闭最小化div，可以用于展示推荐内容，效果预览网址：http://乐可驿。com/乐可伊/phtml/宣福迪夫/3.htm效果图片

完整源代码：复制代码代码如下：DOCTYPE html PUblic '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://w3。org/TR/XHTML L1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title js实现右下角可关闭最小化div -柯乐义/title脚本src=' http :http://乐可易。com/乐可伊/phtml/宣福迪夫/3/味精。js ' type=' text/JavaScript '/脚本样式type=' text/CSS ' media=' screen '/*右下角跳出的广告*/#向下消息_消息{位置：固定；_ position:absolutez指数：100;底部：0;右：0背景：网址(http://乐可易。com/乐可伊/phtml/宣福迪夫/3/down_msg_bg.gif)无重复左上方；宽度width :225 px } # donwmsg _ head { float : leftisplay : inlinefont-size :12 px；color: # FFFFFF左边距左侧： 26px边距-top : 6px；} #downmsgBar .关闭{浮动：右宽度：11 pxheight :11 pxmargin-top :6 px；显示：块；右边距：5 px} # down msgbar { height :25 px } # donwmsg _ content { height :162 px；飞越：隐藏；} # donwmsg _ content ul { font-size :12 px；color : # 007 cc 1top : 0pxpadding :0 px 2px 0 6pxleft : 6px线高：180%;高度：110px飞越：隐藏；} # donwmsg _ content ul Li {后台： URL(http://易。com/乐可伊/phtml/宣福迪夫/3/down _ msg _ BG。gif)no-repeat-100 px-245 px；文本-缩进：13像素；} #donwmsg_content ul阿利{ color : # 007 cc 1 } # donwmsg _ content ul .ll a { color : # a 10000 font-weight : bold；} # donwmsg _ content p { position : absolute；left : 13 xtop : 157 px } # donwmsg _ content .lb { padding:0px文本对齐：居中；} #donwmsg_content .lb a { font-size :12 px颜色：蓝色} a . msg-hidden-BTN-2 {宽度：11 px高度：11px飞越：隐藏；右浮动：显示：块；右边距：5 px页边距-top :6 px；背景：网址(http://乐可易。com/乐可伊/phtml/宣福迪夫/3/down _ msg _ BG。gif)无重复-0px-250 px；} a . msg-hidden-BTN-1 { width :11 px；高度：11px飞越：隐藏；右浮动：显示：块；右边距：5 px页边距-top :6 px；背景：网址(http://乐可易。com/乐可伊/phtml/宣福迪夫/3/down _ msg _ BG。gif)无重复-50px-250 px；}/style/head body div id=' down msg _ emessage ' style=' display : block ' div id=' down msgbar ' div id=' donwmsg _ head '柯乐义推荐内容/diva class=' close ' href=' JavaScript : closeDiv()'/aa class=' msg-hidden-BTN-1 ' id=' msg _ hidden _ BTN ' href=' JavaScript : showhidediv()'/a/div div id=' donwmsg _ content ' style=' display 3360 block；身高： 162像素李身高http://易。com/a/bjac/768 f 469 b 95 b 61487。' htm '单行文字间歇向上滚动/a/Li lia yi。com/a/bjac/a6d 651710217 f7a 0。' htm ' jQuery用户界面修饰标题气泡/a/Li lia yi。com/a/bjac/bf0eb 8c 02085 b 10d。htm ' jquery清空文本区域等输入框/a/Li lia yi。com/a/bjac/939631 bb 07 adb4dc。htm ' jquery关灯特效/a/Li lia yi。com/a/bjac/7e 8897 e5ec 0849 e 9。' htm '可改变大小差异层/a/Li/ul div=' http://kele yi。com/menu/jquery/' target=' _ blank ' jquery/a href=' http://keley。com/menu/JAVAScript/' target=' _ blank ' JAVAScript/a href=' http://keley。com/menu/CMS/' target=' _ blank ' CMS/a/div/div/body/html