posts - 108,comments - 56,trackbacks - 0
     ☆下拉列表填加/删除选项
  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 破茧而出 阅读(492) 评论(0)  编辑  收藏 所属分类: CSS_DOM

只有注册用户登录后才能发表评论。


网站导航: