Asp.net 中的div 滾動條以及Css 的使用....
---當控制元件的高度超出範圍，自動出現上下，左右 拉動滾動條
<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 就用到了新的樣式。