您的位置：首页 > 编程语言 > ASP

Asp.net 中的div 滚动条以及Css 的使用....

2007-07-19 11:58 801 查看

http://blog.csdn.net/zwxrain/archive/2007/03/17/1531953.aspx

---当控件的高度超出范围，自动出现上下，左右拉动滚动条

<DIV style="OVERFLOW: auto; WIDTH: 600px; HEIGHT: 104px" align="left">
<table>
控件
</table>
</DIV>

----运行这段程序，滚动滚条时可以行到当行的位置
<div id="divsrl" style="OVERFLOW:scroll;WIDTH:100px;HEIGHT:200px" onScroll="doSrl()">
dsad
<p> asd </p>
<p>
asd</p>
<p> a</p>
<p> sdas</p>
<p> da</p>
<p> sd</p>
<p>4ert4</p>
<p>ertry</p>
<p>fghgjg</p>
<p>
</p>
</div>

<input id="srlH">
<script>
function doSrl(){
srlH.value=divsrl.scrollTop;

}

</script>

-------asp.net怎么实现动态添加css样式-----
我要做一个让用户能选择网页样式的功能,做了几个不同的css样式,那我怎么实现动态的在
<link>里面加不同的css地址呢?
急急急

==============>>
可以这样：
dim CssPath as string
csspath="<link rel=""stylesheet"" href=""{CssFile}"" type=""text/css"">"
Replace(csspath,"{CssFile}","这里填Css文件路径")
response.write(csspath)

只要在用户选择不同风格的时候把Css路径改变一下就可以了。

---Css 在ASP.net 上的引用
如有xxx.css
.TextBox-Line
{
FONT-SIZE: 10pt;

BORDER-RIGHT: black 0px solid;
BORDER-TOP: black 0px solid;
BORDER-LEFT: black 0px solid;
COLOR:DimGray;
BORDER-BOTTOM: Silver 1px solid;
BACKGROUND-COLOR:White;
}

.TextBox-Box
{
FONT-SIZE: 10pt;
BORDER-RIGHT: Silver 1px solid;
BORDER-TOP: Silver 1px solid;
BORDER-LEFT: Silver 1px solid;
COLOR:DimGray;
BORDER-BOTTOM: Silver 1px solid;
BACKGROUND-COLOR:White;
height:23;
}

.Button
{
cursor: hand;
/*font-weight: bold; */
/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#89A3D4',EndColorStr='#C3CFE5FF'); */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=Gainsboro,EndColorStr=White)
font-size: 10pt;
color: DimGray;
border-bottom:DarkGray 1pt solid;
BORDER-RIGHT: DarkGray 1pt solid;
BORDER-TOP: DarkGray 1pt solid;
BORDER-LEFT: DarkGray 1pt solid;
/*
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
border: 1px groove #003896; */
padding-top: 1px;
padding-left: 1px;
padding-right: 1px;
/*border:1pt groove Gainsboro; */
}

/* Data Grid Styles */
.DataGrid
{
}

.DataGridPagerStyle
{
vertical-align: bottom;
horizontal-align: right;
height: 100%;
background-color: #F1EFE7;
}

.DataGridItemStyle, .DataGridHeaderStyle, .DataGridAlternatingItemStyle, .DataGridSelectedItemStyle, .DataGridEditItemStyle
{
cursor: hand;
font-size: 10pt;
color: DimGray;
vertical-align: middle;
horizontal-align: left;

}

.DataGridItemStyle
{
background-color: #F5F5F5;
height:20;
}
.DataGridAlternatingItemStyle
{
background-color: #E5E5E5;
}
.DataGridSelectedItemStyle
{
color: White;
background-color: #808080;
}
.DataGridEditItemStyle
{
background-color: #F9F9F5;
}
.DataGridHeaderStyle
{
font-weight: bold;
background-color:Silver;
horizontal-align: center;
color: White;
height:20;
}
.DataGridWrapperPanel
{
border: inset 1px #808080;
}

将xxxx.css 定义好，在 webpage 而引用...
如：
<HEAD>
<title>WebForm9</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="Styles/LiveStyles.css" _fcksavedurl=""Styles/LiveStyles.css"" type="text/css" rel="stylesheet">
</HEAD>

然后在这个页面使用的控件中的 Cssname 里指定所使用的css 名字就可以了.

如textbox 控间要使用样式表中的Textbox-line
那么在调用textbox 的时候，将textbox 的cssname 填成 textbox-line 就行了，这时这个textbox 就用到了新的样式。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航