我想创建中心圆角屏幕上弹出面板(滚动条不是neccessary;使用jQuery分钟)与此类似:如何使用JavaScript和CSS创建弹出窗口,无库?
到目前为止我:
function (package){
document.addEventListener('click', function(e)
{
getParent(e.target);
var node1 = $("#make_it_easy_styles");
var node2 = $("#make_it_easy_panel");
if (node1.length) node1.remove();
if (node2.length) node2.remove();
$("html > head").append("<style id=make_it_easy_styles>div#make_it_easy_panel { float:left; position: relative; left:10%; top:20%; border-radius: 2em; font-familly:'Arial Black'; font-size:13px; }</style>\n\r");
$("body").append("<div id=make_it_easy_panel></div>");
$('div#panel').append("<ul>");
var level = elements.length;
for (var level = elements.length;
level>1 ;
level--)
{
$('div#make_it_easy_panel ul').append("<li>" + elements.collection[level].tag + "</li>\r\n");
}
});
}
为什么我看不到任何弹出窗口?我在debuger测试这个,我没有发现任何错误。此外,我想隐藏面板或删除它当用户单击格外。怎么做?
“变种水平= elements.length;”什么是元素? – Gatsbill
元素数据的集合。它循环9x并添加一些文本到li标签。 Cuz elements.length是9. – user1141649
这可能对您有所帮助。 http://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal – Danieboy