ASP网页设计若何完成平面的DataGrid和具有Windows效...

写软件都是想的时间比写的时间要长的.如果反过来了就得看看是什么原因了. 另外大家可以回去问问公司里的小MM.(一般企业里,跟你们交付软件接触得最多的是她们)datagrid|window|按钮   下文将为您演示若何将DataGrid完成为一个平面的表格，和若何完成在Image按钮中完成平面感的后果。为了完成下面的内容咱们起首要对CSS的自界说款式有所懂得，然后就是一些复杂的js代码。

为了完成平面大DataGrid咱们需求创立一个工程，外面有一个DataGrid和绑定在其上的数据，代码以下：

<asp:datagrid id="DataGrid1" runat="server" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">

<ItemStyle ></ItemStyle>

</asp:datagrid>

下面的代码中有一个中央十分主要，就是设置style的属性那边，记得必定要写成如许。有了这个数据网格今后咱们需求写一个可以完成平面后果的css款式，CSS款式以下所示：

<style>

.SolidDataGrid{

CoolSolidDataGrid:expression(ApplySolidTable(this));

border-color:#FFFFFF;

border-bottom-width:0px;

border-left-width:0px;

border-right-width:0px;

border-top-width:0px;

}

.SolidDataGridItem{

CoolSolidDataGridRow:expression(ApplySolidTr(this));

}

</style>

从代码中咱们可以看到利用了自界说的款式，该款式利用js来完成的，所以咱们还要有上面的js代码来撑持下面的CSS款式。Js代码以下所示：

<script language="javascript">

function ApplySolidTable(obj){

obj.cellPadding = "0px";

obj.cellSpacing = "0px";

obj.border = "1px";

obj.width = "100%";

}

function ApplySolidTr(obj){

for(var i=0;i<=obj.cells.length-1;i++){

ApplySolidTd(obj.cells(i));

}

}

function ApplySolidTd(CurrentTd){

CurrentTd.bgColor = "#E1E2E2";

CurrentTd.borderColorLight = "#929292";

CurrentTd.borderColorDark = "#FFFFFF";

}

</script>

代码的细节我就不具体表述了，最初只需将下面的CSS使用在咱们的DataGrid外面就能够完成平面的DataGrid后果。终究的DataGrid以下所示：

<asp:datagrid id="DataGrid1" runat="server" CssClass="SolidDataGrid" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">

<ItemStyle CssClass="SolidDataGridItem"></ItemStyle>

</asp:datagrid>



接上去是若何完成有平面后果的Image按钮，其实很复杂就是完成普通Windows外面按钮的后果，翻开Word将鼠标挪动到东西条后你就能够看到该办法完成的后果。操作以下：你可以放一个ImageButton或被阅读器最初注释成image的控件，为了完成这个后果咱们需求上面的js剧本，然而因为咱们想重用这个剧本所以我将它写到一个HTC文件中，文件内容以下：

<PUBLIC:COMPONENT>

<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ver" ONEVENT="ButtonOnMouseOver()" />

<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ut" ONEVENT="ButtonOnMouseNormal()" />

<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="ButtonOnMouseDown()"/>

<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="ButtonOnMouseNormal()"/>

<SCRIPT LANGUAGE="javascript">

function ButtonOnMouseOver(){

showMouseOver(this.style);

}

function ButtonOnMouseDown(){

showMouseDown(this.style);

}



function ButtonOnMouseNormal(){

showNormal(this.style);

}



function showMouseOver(elStyle){

elStyle.borderLeft = "1px solid buttonhighlight";

elStyle.borderRight = "1px solid buttonshadow";

elStyle.borderTop = "1px solid buttonhighlight";

elStyle.borderBottom = "1px solid buttonshadow";

elStyle.paddingTop = "1px";

elStyle.paddingLeft = "2px";

elStyle.paddingBottom = "1px";

elStyle.paddingRight = "0px";

}



function showMouseDown(elStyle){

elStyle.borderLeft = "1px solid buttonshadow";

elStyle.borderRight = "1px solid buttonhighlight";

elStyle.borderTop = "1px solid buttonshadow";

elStyle.borderBottom = "1px solid buttonhighlight";

elStyle.paddingTop = "1px";

elStyle.paddingLeft = "2px";

elStyle.paddingBottom = "1px";

</p>  Access是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。access数据库有一定的极限，如果数据达到100M左右，很容易造成服务器iis假死，或者消耗掉服务器的内存导致服务器崩溃。