CSS,JavaSript,Html实用小代码
2007-11-16 16:07 ruinet 阅读(804) 评论(0) 编辑 收藏 举报一些使用的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 style="float:left;width:34px; border :solid 1px #000000;">这是第1列，</p>
<p style="float:left;width:50px; border :solid 1px #000000;">这是第2列，</p>
<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实现回调
<script type ="text/javascript">
function funA(name,classback)
{
this.Name=name;
classback({name:this.Name,value:1234});
}
function btnClick(){
funA("Test",function(v){
alert(v.value);
});
}
</script>
<input type="button" value="btn" onclick="btnClick();">
5.javacript 获取控件位置
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array(1);
return {offsetTop:t,offsetLeft:l};
}
6.关闭IE6,7,8窗口不弹出提示
Codefunction CloseWindow()
{
window.open('','_self','');
window.close();
}
7.使用CSS定位footer到页面底部
CSShtml8.CSS控制内容超出长度时显示...
在CSS3.0中新增了属性：text-overflow设置文本溢出时的显示效果。IE6.0以上版本支持，支持div,li,p标签。
width:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
border:solid 1px red;
}
