1. 程式人生 > >Asp.net 中的div 滾動條以及Css 的使用....

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>&nbsp;asd&nbsp;</p>
                                <p>
                                        asd</p>
                                <p>&nbsp;a</p>
                                <p>&nbsp;sdas</p>
                                <p>&nbsp;da</p>
                                <p>&nbsp;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 就用到了新的樣式。