请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

用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来控制该登录图层的样式。

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。