☆
下拉列表填加/删除选项
document.getElementById("selectId").options.add(new Option("text","value"));
document.getElementById("selectId").options[i]=null;
☆
固定表格的宽度，不要被文字撑宽
如果是table：style=" table-layout:fixed;word-wrap:break-word;"
如果是div：style="word-wrap:break-word;"
☆
只显示竖向滚动条
overflow-x:none;overflow-y:scroll;
☆
表格内文本超出指定宽度溢出的处理（显示为……）
table{
width:600px;
table-layout:fixed;/*只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(
) ；需与overflow:hidden;一起使用。*/
}
☆
设置disabled
不可用："disabled"：disabled="disabled"
可用：false;(注意不要加引号)：disabled=false;
注意：如果设置为disabled后，在Form提交后是读不到值的。例如：<input type="text" name="user" value="myname" disabled="disabled"/>， 虽然组件"user"有值（value="myname"），但是提交过后是读不出值的。即取得"user"的值为空。
☆
捕获回车事件
<script type="text/javascript" >
if(document.addEventListener)
document.addEventListener("keydown",myKeyDown,true);//IE
else
document.attachEvent("onkeydown",myKeyDown);//FireFox
function myKeyDown(event){
if(event.keyCode==13)
alert("enter");
}
</script>
☆
表格边框为虚线
style="border-collapse: collapse;border: 1px dotted #afafaf;"
【none：无样式；
dotted：点线；
dashed：虚线；
solid：实线；
double：双线；
groove：槽线；
ridge：脊线；
inset：内凹；
outset：外凸。】
☆
滚动字幕
<marquee
direction="up" //滚动方向
bgcolor="#99CC33" //背景颜色
loop="-1" //无限循环
scrollamount="3" //滚动速度
scrolldelay="200" //滚动停留
height="60px" //高度
hspace="2" //左右距离
vspace="5" //上下距离
onmouseover="this.stop()" //停止滚动
onmouseout="this.start()">
</marquee>
☆
使插入表格中的表格往上对齐
在外面的td中加入属性valign="top"
☆
Line-height无效
如果在单元格里面即有图片，同时又有文字，那么设置line-height无效；解决方法：1)设置图片的margin距离；
2)用css：
ul {list-style-image:url(../images/arrow1.gif);}
li{line-height:180%;list-style:none;margin-left:20px;}
posted on 2007-08-29 16:54
破茧而出 阅读(491)
评论(0) 编辑 收藏 所属分类:
CSS_DOM