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

最新推荐文章于 2022-02-22 08:46:53 发布

weixin_33851604

最新推荐文章于 2022-02-22 08:46:53 发布

阅读量128

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sesexxoo/archive/2007/03/17/6190351.html

版权

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

----运行这段程序，滚动滚条时可以行到当行的位置
                        <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 就用到了新的样式。

转载于:https://www.cnblogs.com/sesexxoo/archive/2007/03/17/6190351.html

weixin_33851604

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Asp.net 中的div 滚动条以及Css 的使用....

---当控件的高度超出范围，自动出现上下，左右拉动滚动条 <DIV style="OVERFLOW: auto; WIDTH: 600px; HEIGHT: 104px" align="left"> <table> 控件 </table> </DIV>----运行这段程序，滚动滚条时...
复制链接

扫一扫