<%@ 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>