- 浏览: 389007 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (171)
- 学习网站 (3)
- 生活点滴 (10)
- javascript (35)
- java (8)
- select/option (4)
- SQL (4)
- database存取 (5)
- intra-mart (1)
- java面试相关 (8)
- hibernate (2)
- IDE related (6)
- Websphere (6)
- software development (1)
- ibatis (4)
- JSF (5)
- dojo (6)
- java web (2)
- xml (0)
- DB2 (11)
- version control (4)
- xml,excel,json related (3)
- 工具收集 (1)
- BW (13)
- abap (1)
最新评论
-
Trying:
mysql会怎样呢?编程时,到底要不要排序呢?听说排序会对性能 ...
sql中没有order by,是否存在默认排序 -
yanwushu:
CASE WHEN 有两种表达式写法: ...
oracle case when的用法 -
Matol:
ok,不错的
java去除字符串中的空格、回车、换行符、制表符 -
jianxia801:
现在天下文章一大抄;实际没有这个fromString方法:准确 ...
JSON与JAVA的数据转换--String->Bean -
春隆隆:
精辟
java去除字符串中的空格、回车、换行符、制表符
version 1
<html>
<head>
<title>My table</title>
<style>
.table0 {
height:90%;
}
.table0 caption{
width:100%;
height:26px;
line-height:26px;
font-size:20px;
font-color:black;
font-weight:900;
letter-spacing:5px;
}
.table0 thead td {
text-align:center;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
border:#555 1px solid;
margin:0px;
}
.table0 tfoot td{
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:12px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border:#555 1px solid;
}
.table0 tbody td {
width:100%;
height:auto;
border:#555 1px solid;
padding:0px;
margin:0px;
}
.table1 tbody td {
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:#444;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border-right:#555 1px solid;
border-bottom:#555 1px solid;
overflow:hidden;
text-overflow:ellipsis;
word-break:keep-all;
word-wrap:normal;
}
</style>
<script>
function init(){
theT=createTable("我的收藏夹",["Group:150","Name:300","URL:200","Visited:100","Modify:100","Delete:100"]);
//参数说明:createTable(strCaption,colHeads)
//strCaption 标题
//colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
for(var i=0;i<40;i++){
theR=theT.insertRow();
for(var j=0;j<7;j++){
theC=theR.insertCell();
theC.innerText=j;
}
}
}
function createTable(strCaption,colHeads){
//参数说明:colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
//生成表格
oTable=document.createElement("table");
document.body.insertBefore(oTable);
//设置class
oTable.className="table0";
with(oTable.style){
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
}
//设置变量
oTCaption=oTable.createCaption();
oTHead=oTable.createTHead();
oTFoot=oTable.createTFoot();
//生成标题
oTCaption.innerText=strCaption;
//设置列宽
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[0].insertCell();
theCell.width=20;
oTHead.rows[0].style.display="none";
//生成表头
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[1].insertCell();
theCell.innerText=tHeadName;
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[1].insertCell();
theCell.width=24;
//生成表脚
oTFoot.insertRow();
theCell=oTFoot.rows[0].insertCell();
theCell.innerHTML="<marquee scrollDelay=50 scrollAmount=2>Copy rights 2005. Hutia presents.</marquee>";
theCell=oTFoot.rows[0].insertCell();
theCell.colSpan=colHeads.length-1;
theCell=oTFoot.rows[0].insertCell();
theCell.width=20;
//生成主体
oTable.all.tags("Tbody")[0].insertRow();
theCell=oTable.all.tags("Tbody")[0].rows[0].insertCell();
theCell.colSpan=colHeads.length+1;
oMain=document.createElement("DIV");
theCell.insertBefore(oMain);
with(oMain.style){
width="100%";
height="100%";
overflowY="auto";
overflowX="hidden";
margin="0px";
marginLeft="-1px";
}
oTBody=document.createElement("table");
oMain.insertBefore(oTBody);
oTable.oTBody=oTBody;
//禁止选择
oTCaption.onselectstart=oTHead.onselectstart=oTFoot.onselectstart=function(){return(false);}
//设置class
oTBody.className="table1";
with(oTBody.style){
width=oTable.offsetWidth-15;
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
padding="0px";
margin="0px";
}
//初始化列宽
oTBody.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTBody.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
oTBody.rows[0].style.display="none";
return(oTBody);
}
function insertRow(){
var intL=oTBody.rows.length;
theRow=oTBody.insertRow();
theRow.index=intL;
theRow.onmouseover=rowOnMouseOver;
theRow.onmouseout=rowOnMouseOut;
theRow.onclick=rowOnClick;
for(var i=0;i<colHeads.length;i++){
theCell=theRow.insertCell();
theCell.tabIndex=0;
theCell.hideFocus=true;
theCell.colIndex=i;
theCell.onmouseover=function(){this.focus();};
theCell.onmouseout=cellOnBlur;
theCell.onfocus=cellOnFocus;
theCell.onblur=cellOnBlur;
}
theRow.cells[0].innerText=strGroup?strGroup:"ROOT";
theRow.cells[1].innerText=strName?strName:"Untitled Document.";
theRow.cells[2].innerText=strURL?strURL:"Unspecified URL";
theRow.cells[3].innerHTML=strVisited?"Yes".fontcolor("red"):"Unknow";
theRow.cells[4].innerHTML=strModify?"Yes".fontcolor("red"):"No".fontcolor("Green");
theRow.cells[5].innerHTML="Delete".fontcolor("red");
}
</script>
</head>
<body onload="init();">
</body>
</html>
version 2
<html>
<body>
<table style="border:1px #000000 solid;width:90%;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' colspan="4" style="border:0px #ffffff solid;padding:0px;margin:0px; vertical-align:top;" cellspacing="0" cellpadding="0">
<div>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr style="background:#ffeecc;">
<td>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid;border-right:0px">title4</td>
</tr>
</table>
</td>
<td width="16px;" style="border:1px #ffffff solid;border-left:0px">
</td>
</tr>
<tr style="background:#bbccff;">
<td >
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid;border-right:0px">title4</td>
</tr>
</table>
</td>
<td width="16px;" style="border:1px #ffffff solid;border-left:0px">
</td>
</tr>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" >
</div>
</td>
</tr>
<tr>
<td width='10%' colspan="4" style="border:0px #ffffff solid;height:150px; padding:0px;margin:0px; vertical-align:top;" cellspacing="0" cellpadding="0">
<div style="overflow-y: scroll;height:150px;">
<table style="width:100%; padding:0px; margin:0px;background:#cccccc;" cellspacing="0" >
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>My table</title>
<style>
.table0 {
height:90%;
}
.table0 caption{
width:100%;
height:26px;
line-height:26px;
font-size:20px;
font-color:black;
font-weight:900;
letter-spacing:5px;
}
.table0 thead td {
text-align:center;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
border:#555 1px solid;
margin:0px;
}
.table0 tfoot td{
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:12px;
font-color:black;
font-weight:bold;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border:#555 1px solid;
}
.table0 tbody td {
width:100%;
height:auto;
border:#555 1px solid;
padding:0px;
margin:0px;
}
.table1 tbody td {
text-align:left;
vertical-align:middle;
height:20px;
line-height:18px;
font-size:14px;
font-color:#444;
font-weight:normal;
padding-top:2px;
padding-bottom:2px;
padding-left:12px;
padding-right:12px;
border-right:#555 1px solid;
border-bottom:#555 1px solid;
overflow:hidden;
text-overflow:ellipsis;
word-break:keep-all;
word-wrap:normal;
}
</style>
<script>
function init(){
theT=createTable("我的收藏夹",["Group:150","Name:300","URL:200","Visited:100","Modify:100","Delete:100"]);
//参数说明:createTable(strCaption,colHeads)
//strCaption 标题
//colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
for(var i=0;i<40;i++){
theR=theT.insertRow();
for(var j=0;j<7;j++){
theC=theR.insertCell();
theC.innerText=j;
}
}
}
function createTable(strCaption,colHeads){
//参数说明:colHeads 是一个array,每个item的格式是 名称:宽度 的字符串
//生成表格
oTable=document.createElement("table");
document.body.insertBefore(oTable);
//设置class
oTable.className="table0";
with(oTable.style){
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
}
//设置变量
oTCaption=oTable.createCaption();
oTHead=oTable.createTHead();
oTFoot=oTable.createTFoot();
//生成标题
oTCaption.innerText=strCaption;
//设置列宽
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[0].insertCell();
theCell.width=20;
oTHead.rows[0].style.display="none";
//生成表头
oTHead.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadName=colHeads[i].split(":")[0];
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTHead.rows[1].insertCell();
theCell.innerText=tHeadName;
theCell.style.width=tHeadWidth;
}
theCell=oTHead.rows[1].insertCell();
theCell.width=24;
//生成表脚
oTFoot.insertRow();
theCell=oTFoot.rows[0].insertCell();
theCell.innerHTML="<marquee scrollDelay=50 scrollAmount=2>Copy rights 2005. Hutia presents.</marquee>";
theCell=oTFoot.rows[0].insertCell();
theCell.colSpan=colHeads.length-1;
theCell=oTFoot.rows[0].insertCell();
theCell.width=20;
//生成主体
oTable.all.tags("Tbody")[0].insertRow();
theCell=oTable.all.tags("Tbody")[0].rows[0].insertCell();
theCell.colSpan=colHeads.length+1;
oMain=document.createElement("DIV");
theCell.insertBefore(oMain);
with(oMain.style){
width="100%";
height="100%";
overflowY="auto";
overflowX="hidden";
margin="0px";
marginLeft="-1px";
}
oTBody=document.createElement("table");
oMain.insertBefore(oTBody);
oTable.oTBody=oTBody;
//禁止选择
oTCaption.onselectstart=oTHead.onselectstart=oTFoot.onselectstart=function(){return(false);}
//设置class
oTBody.className="table1";
with(oTBody.style){
width=oTable.offsetWidth-15;
tableLayout="fixed";
borderCollapse="collapse"
borderSpacing="0px";
padding="0px";
margin="0px";
}
//初始化列宽
oTBody.insertRow();
for(var i=0;i<colHeads.length;i++){
tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
theCell=oTBody.rows[0].insertCell();
theCell.style.width=tHeadWidth;
}
oTBody.rows[0].style.display="none";
return(oTBody);
}
function insertRow(){
var intL=oTBody.rows.length;
theRow=oTBody.insertRow();
theRow.index=intL;
theRow.onmouseover=rowOnMouseOver;
theRow.onmouseout=rowOnMouseOut;
theRow.onclick=rowOnClick;
for(var i=0;i<colHeads.length;i++){
theCell=theRow.insertCell();
theCell.tabIndex=0;
theCell.hideFocus=true;
theCell.colIndex=i;
theCell.onmouseover=function(){this.focus();};
theCell.onmouseout=cellOnBlur;
theCell.onfocus=cellOnFocus;
theCell.onblur=cellOnBlur;
}
theRow.cells[0].innerText=strGroup?strGroup:"ROOT";
theRow.cells[1].innerText=strName?strName:"Untitled Document.";
theRow.cells[2].innerText=strURL?strURL:"Unspecified URL";
theRow.cells[3].innerHTML=strVisited?"Yes".fontcolor("red"):"Unknow";
theRow.cells[4].innerHTML=strModify?"Yes".fontcolor("red"):"No".fontcolor("Green");
theRow.cells[5].innerHTML="Delete".fontcolor("red");
}
</script>
</head>
<body onload="init();">
</body>
</html>
version 2
<html>
<body>
<table style="border:1px #000000 solid;width:90%;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' colspan="4" style="border:0px #ffffff solid;padding:0px;margin:0px; vertical-align:top;" cellspacing="0" cellpadding="0">
<div>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr style="background:#ffeecc;">
<td>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid;border-right:0px">title4</td>
</tr>
</table>
</td>
<td width="16px;" style="border:1px #ffffff solid;border-left:0px">
</td>
</tr>
<tr style="background:#bbccff;">
<td >
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid;border-right:0px">title4</td>
</tr>
</table>
</td>
<td width="16px;" style="border:1px #ffffff solid;border-left:0px">
</td>
</tr>
<table style="width:100%; padding:0px; margin:0px;" cellspacing="0" >
</div>
</td>
</tr>
<tr>
<td width='10%' colspan="4" style="border:0px #ffffff solid;height:150px; padding:0px;margin:0px; vertical-align:top;" cellspacing="0" cellpadding="0">
<div style="overflow-y: scroll;height:150px;">
<table style="width:100%; padding:0px; margin:0px;background:#cccccc;" cellspacing="0" >
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
<tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr> <tr style="padding:0px; margin:0px;">
<td width='10%' style="border:1px #ffffff solid">title1</td>
<td width='20%' style="border:1px #ffffff solid">title2</td>
<td width='30%' style="border:1px #ffffff solid">title3</td>
<td style="border:1px #ffffff solid">title4</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
发表评论
-
window.open()的所有参数列表
2010-08-17 10:42 682【1、最基本的弹出窗口 ... -
javascript IE firefox兼容性
2010-06-22 17:34 1561以下以 IE 代替 Internet Explorer,以 M ... -
js的引号多级嵌套
2010-05-19 13:47 15097今天遇到一个bug,就是引号码层嵌套的问题 var subTa ... -
验证数字
2010-03-30 15:57 793function isValidCurrency(input) ... -
IE vs firefox
2010-03-25 12:17 1008IE有children,FireFox没有 document. ... -
window.open()的所有参数列表
2009-01-08 14:12 753前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹 ... -
offsetParent和parentElement的区别
2009-01-08 10:20 1401一直以为offsetParent和parentElement是 ... -
setInterval(),clearInterval
2008-12-16 18:00 1739setInterval() 设置浏览器每隔多长时间以后调用指定 ... -
dom中的children对象数组元素 fistChild,lastChild使用
2008-12-04 17:26 3085children对象数组元素示例 <html> & ... -
event.srcElement
2008-12-04 15:12 966<body > <table heigh ... -
iframe调用父页面的javascript函数
2008-12-03 18:04 7523iframe调用父页面的javascript函数 paren ... -
Readonly和Disabled的区别
2008-12-02 15:58 4668Readonly和Disabled是用在表单中的两个属性,它们 ... -
获得焦点focus()使用example
2008-12-02 15:32 1773<%@ page contentType="t ... -
javascript:void(0) & 刷新页面
2008-12-02 10:36 36391 <a href="#" oncl ... -
document.all
2008-12-01 17:34 1246一. document.all是页面内所有元素的一个集合。例如 ... -
javascript中id和name的区别
2008-12-01 14:58 1752javascript中id和name的区别 id一般来说是唯一 ... -
javascript中的eval函数的用法
2008-12-01 14:56 953javascript中的eval函数的 ... -
insertAdjacentHTML
2008-12-01 10:51 1898insertAdjacentHTML动态插入行2008-11- ... -
向后台传输json对象数组
2008-11-27 17:15 66971function setJson1() { var tbl ... -
createElement,insertBefore,
2008-11-27 17:03 17821、createElement 说明: oElement ...
相关推荐
当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...
Ext中的Grid,在很多行的情况下,出现纵向滚动条的情况下,鼠标滚轴单次滚动后,Grid表格移动的行数控制
动画框自绘滚动条 仿360纵向滚动条易语言源码。@电视费。Tags:自绘滚动条仿360纵向滚动条。
gridview固定表头 横向滚动 纵向固定,即拖动横向滚动条时,表头随着表体移动,纵向拖动滚动条时,表头不动,实践得出来的结果 我用的是VS2010,C#
易语言API滚动条操作源码,API滚动条操作,消息钩子,置横向滚动条,置纵向滚动条,显示滚动条_,呼叫窗口函数地址_,设置滚动条参数_,设置窗口信息_,GetScrollInfo
火山安卓纵向滚动容器例程
vue自定义浏览器滚动条(已兼容ie)
Jquery快速配备关键字and带纵向滚动条图片轮播
gridview固定表头 横向滚动 纵向固定,即拖动横向滚动条时,表头随着表体移动,纵向拖动滚动条时,表头固定不动 实践中所得一个具体实例 VS2010,C#
易语言画板滚动条源码,画板滚动条,NewProc,置横向滚动条,置纵向滚动条,GetStockObject,SetCapture,ReleaseCapture,GetDC,CreateCompatibleBitmap,SelectObject,BitBlt,DeleteDC,CreateCompatibleDC,SetWindowLongA,...
jQuery+CSS3横向纵向滚动条代码.rar
重写ontouchstart ontouchmove 事件.达到锁死滚动条不让滚的目的 直接调用里面的方法就行.有注释
去掉textarea横向或纵向滚动条办法: <textarea style="overflow:hidden"></textarea> 可以通过overflow-x:hidden和overflow-y:hidden控制横向和纵向滚动条 要设置textarea文本域的滚动条是否开启,使用...
主要介绍了使用jquery scroll()方法区分浏览器横向和纵向滚动条的方法,需要的朋友可以参考下
易语言编辑框滚动条联动例程源码,编辑框滚动条联动例程,处理,SetWindowLong,CallWindowProc
winfrom带美化滚动条的panel控件,demo内标注好了各属性的作用。目前只支持纵向滚动条,有滚动条重绘源码,还可以自行修改出横向滚动条,
易语言按钮滚动条源码,按钮滚动条,按钮工具条移动