CSS,JavaSript,Html实用小代码

最新推荐文章于 2024-09-22 11:17:00 发布

weixin_30776545

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量65

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ruinet/archive/2007/11/16/961756.html

版权

一些使用的CSS,javascript ,html代码.

1 absolute和relative

Absolute :绝对定位

Relative :相对定位,参照于父级的原始点为原始点,无父级参照Body.

2 CSS中使用experssion定位

在CSS中可以使用expression 来动态的设置对象格式,如宽度和高度

width:expression(documentElement.clientWidth >= 1000?1000:(documentElement.clientWidth <= 800? 800:auto));

3 CSS中使用clear 清除浮动

在使用float浮动对象在right 或left边时,但有不想后面的元素不被影响.这是需要使用clear:both;来清除

<p >这是列的下面。</p>

没有加clear:both;“这是列的下面。”将会和上面的在同一行上.

而

<p style="float:left;width:34px; border :solid 1px #000000;">这是asfd第1列，</p>

<p style="float:left;width:50px; border :solid 1px #000000;">这是dsf第2列，</p>

<p style="clear :both;">这是列的下面。</p>

将会在上面两段文字的下面

4.javacript实现回调

function btnClick(){
funA("Test",function(v){
alert(v.value);
});
}
</script>

5.javacript 获取控件位置

6.关闭IE6,7,8窗口不弹出提示

Code
function CloseWindow()
{
window.open('','_self','');
window.close();
}

7.使用CSS定位footer到页面底部

CSS
<STYLE type="text/css">
    body,html {
        margin: 0;
        padding: 0;
        height:100%;
    }
    #container {
        position: relative;
        min-height:100%;
    }
    #content {
        padding-bottom: 60px;
        }
    #footer {
        position: absolute;
        bottom: 0;
        padding: 10px 0;
        background-color: #AAA;
        width: 100%;
        }
</STYLE>

html
<BODY>
        <DIV id="container">
                        <div id="header">
                         <h1>head</h1>
                        </div>
            <DIV id="content">
                 <H1>Content</H1>
            </DIV>
            <DIV id="footer">
             <H1>Footer</H1>
            </DIV>
        </DIV>
        </BODY>

8.CSS控制内容超出长度时显示...

在CSS3.0中新增了属性：text-overflow设置文本溢出时的显示效果。IE6.0以上版本支持，支持div,li,p标签。