现在时间是：
综合资源导航：

本站导航

最新关注

QQ排行榜

推荐图文

论坛热点

热门排行榜

最新评论

当前位置：首 页 >> 电脑>> 网站博客制作>> 文章列表

表格特效系列

作者：云海之上   发布时间：2008-01-11 19:25:29   浏览次数：308
分享到：
男士们的辉煌选择 增高真皮休闲男鞋 增高真皮休闲男鞋 增高真皮休闲男鞋 男士们的辉煌选择

1  变色的表格框

代码：

<table border="0" width="280" id="myexample" style="border:5px solid green">
<tr>
<td>Insert anything you want into this table.
Insert anything you want into this table.
Insert anything you want into this table.
</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--

/*
Flashing Table Border Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="green")
myexample.style.borderColor="red"
else
myexample.style.borderColor="green"
}
setInterval("flashit()", 500)
//-->
</script>
<a href="http://yh18.lingd.net/list-77634-1.html">欢迎访问云海之上网博制作</a>

效果：

Insert anything you want into this table. Insert anything you want into this table. Insert anything you want into this table.

欢迎访问云海之上网博制作

2  插入表格

代码：

<script>
function creates(){
newiframes=document.createElement("TABLE")
newiframes.id="t1"
newiframes.width="100"
newiframes.border="1"
newiframes.height="100"
newiframes.align="left"
newiframes.style.background="red"
newiframes.insertRow()
newiframes.rows[0].insertCell()
document.body.insertBefore(newiframes)
}
</script>
<body>
<input type=button value='加一个表格' onclick=creates()>

</body>

效果：

 

 

 

 

3  可拖动单元格

代码：

<script>var isDraging=false;var ox,oy;function fnDown(){    isDraging=true;    ox=event.offsetX;    oy=event.offsetY;    mid.setCapture();}function fnMove(){if(event.button!=1) fnRelease();if(isDraging){    var th=event.y-oTable.offsetTop-oy;    if (th<1) th=1;    if(th+parseInt(mid.height)>parseInt(oTable.height)) th=parseInt(oTable.height)-parseInt(mid.height);    up.height=th;    }}function fnUp(){fnRelease();}function fnRelease(){    isDraging=false;    mid.releaseCapture();}</script><BODY><TABLE id=oTable width=200 height=250 border=1 cellspacing="0" cellpadding="0" ><TR>    <TD id=up bgColor=#330099></TD></TR><TR>    <TD id=mid height=40 bgColor=#3366CC onmousedown="fnDown()" onmousemove="fnMove()" onmouseup="fnUp"></TD></TR><TR>    <TD id=down bgColor=#330099></TD></TR></TABLE></BODY>

效果：

 
 
 







上一篇：蓝颜之爱    下一篇：不愿做欲望的奴隶


请填写详细信息发表评论
评论名字：
电子邮件：
评论内容：
验证字码：验证码

Copyright ©2012    云海之上 All Right Reserved.

Powered by LingCms 版权所有 © 2005-2012 Lingd.Net..

合作网站  申请加入