本文介绍了一个使用 ASP.NET 和 C# 创建的 Web 应用示例，该应用通过 jQuery 在页面中动态生成元素并进行布局。文章展示了如何设置基本的 HTML 结构，包括使用固定位置的登录栏，并通过 JavaScript 动态创建列表项。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SerInterval.aspx.cs" Inherits="SerInterval" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <mce:style type="text/css"><!-- *{ margin:0px; padding:0px;} .login{ position:fixed; left:0px; bottom:0px; height:20px; width:100%; background:#011D29} body{background-color:#FFFFFF; color:Black;} .login ul li{ list-style:none; padding-left:20px; display:block; line-height:20px; float:left; color:White; } --></mce:style><style type="text/css" mce_bogus="1">*{ margin:0px; padding:0px;} .login{ position:fixed; left:0px; bottom:0px; height:20px; width:100%; background:#011D29} body{background-color:#FFFFFF; color:Black;} .login ul li{ list-style:none; padding-left:20px; display:block; line-height:20px; float:left; color:White; }</style> <title></title> <mce:script type="text/javascript" src="Scripts/jquery-1.3.1.min.js" mce_src="Scripts/jquery-1.3.1.min.js"></mce:script> <mce:script type="text/javascript" ><!-- $(function() { $Div = $("<div class=/"login/"></div>"); // $Div.css({ "width": $(window).width() }); $Ul = $("<ul></ul>"); for (var i = 0; i < 3; i++) { $li = $("<li></li>") $li.append("我是第" + i + "条"); $Ul.append($li); } $Div.append($Ul); $CloneDiv =$Div.clone(); $CloneDiv.css({ "top": "0px" }); $("body").append($Div); $("body").append($CloneDiv); $Br = $("<ul></ul>"); ; for (var i = 0; i < 80; i++) { $li = $("<li></li>") $li.append("我是第" + i + "条"); $Br.append($li); } $("#ul").append($Br); }) // --></mce:script> </head> <body> <form id="form1" runat="server"> <div id="ul"> </div> </form> </body> </html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
