js常用样式

来源:互联网 发布:结构体数组赋值 编辑:程序博客网 时间:2024/04/29 15:28

★水平线(细线,无阴影):
<hr size="1" color="green" noshace="noshace" />

★在页面中插入Flash文件
<div>
    <!-- src:.swf文件的路径; quality:图像显示的质量 type:文件类型(可以不设置) wmode:文件显示的模式(transparent:透明) menu:菜单(false:无菜单) -->
    <embed src="41.swf" quality="high" type="application/x-shockwave-flash" width="400" height="350" wmode="transparent" menu="false"></embed>
</div>


★带边框的多行文本框,且滚动条自动出现:
.list {
 BORDER-RIGHT: #7389c9 1px solid; BORDER-TOP: #7389c9 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #7389c9 1px solid; COLOR: #000000; BORDER-BOTTOM: #7389c9 1px solid; BACKGROUND-COLOR: #f3f6fa;
 overflow:auto;
}

★带边框的单行文本框
INPUT {
 BORDER-RIGHT: #7389c9 1px solid; BORDER-TOP: #7389c9 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: #7389c9 1px solid; COLOR: #000000; BORDER-BOTTOM: #7389c9 1px solid; BACKGROUND-COLOR: #ffffff; height:16px
}

★表格样式:
(居中)
.pro_pic {
 BORDER-RIGHT: #e9f0f4 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: #e9f0f4 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #e9f0f4 1px solid; LINE-HEIGHT: 150%; BORDER-BOTTOM: #e9f0f4 1px solid; WORD-WRAP: break-word
}
(不居中)
.pro_pic2 {
 BORDER-RIGHT: #e9f0f4 1px solid;  BORDER-TOP: #e9f0f4 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #e9f0f4 1px solid; LINE-HEIGHT: 150%; BORDER-BOTTOM: #e9f0f4 1px solid; WORD-WRAP: break-word
}

★自动换行(若单元格是的数据过长时使用,不打回车,自动换行)
<td style="text-align:left; word-break:break-all;">

★显示时间:
function showDateTime()
{
    var date = new Date();
    var msg = date.getFullYear() + "年";
    msg += (date.getMonth()+1) + "月";
    msg += date.getDate() + "日 ";
    msg += date.getHours() + ":";
    msg += date.getMinutes() + ":";
    msg += date.getSeconds();

    divDateTime.innerText = msg;  //把时间值赋给一个层
           
    setTimeout("showDateTime()",1000);
 

原创粉丝点击