jquery 纯js右下角弹窗

转至：

http://blog.csdn.net/yongh701/article/details/52056997

弹窗效果：

打开网页的时候，这个弹窗会淡入，之后点击右上角的关闭按钮，其实就是一个& times;会淡出。

采用淡入淡出是因为直接Jquery一个fadeIn与fadeOut省事。如果采用窗口自下而上地移动，还要考虑div的position设置问题，这个问题还涉及一系列兼容性问题，很严重。

之所以称之为纯js的右下角弹窗，是因为，在任意页面，只需要如下引入Jquery之后，再引入这个Js，则可以使用，唯一注意就是Jquery的引入一定要在这个Js之前，由于我的JS是全基于Jquery写成的。没Jquery支持可不行。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  
  
  
 

function pop_init(title,content) {  
    //取当前浏览器窗口大小  
    var windowWidth=$(document).width();  
    var windowHeight=$(document).height();  
    //弹窗的大小  
    var weight=320;  
    var height=240;  
    $("body").append(  
    ""+  
        "" +  
            ""+title+"

×

" +               "

"+           "

" +           "" +                content+           "