用JQuery创建元素和内容，实现动态弹层

使用$()内放‘div'表示选择该元素，如果是放'<div>'则是创建元素标签，可以把内容写进标签内一起创建。

举例：
$ (function() {
var oDiv = $('<div>div</div>') ;
$('body') .append( oDiv );
}) ;

点击创建登录弹层
<script>
$ (function () {
$('#input1') .click(function()
{
var oLogin = $('<div id="login"><p>用户名 :<input
type="text" /></p><p>密码:<input type="text" /></p><div
id="close">X</div></div>');
//通过点击事件在HTML文档中动态创建登录框代码。
$('body') .append( oLogin );
//oLogin.css('left'，($ (window) .width() - oLogin.outerWidth())/2 ) ;
//oLogin.css('tqg' ，($ (window) .height() - oLogin. outerHeight())/2 );|
//修改弹窗样式，使居中显示，也可以在HTML代码中加入CSS样式表来控制。
}) ;
}) ;
</script>

通过CSS来控制该登录图层的样式。