Chinaunix首页 | 论坛 | 博客

acc

  • 博客访问: 802751
  • 博文数量: 170
  • 博客积分: 7011
  • 博客等级: 少将
  • 技术积分: 1660
  • 用 户 组: 普通用户
  • 注册时间: 2006-07-31 12:02
文章分类

全部博文(170)

文章存档

2014年(7)

2010年(2)

2009年(62)

2008年(25)

2007年(67)

2006年(7)

我的朋友

分类: 系统运维

2008-02-25 14:17:13

INPUT背景:
 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效观止|JsCode.CN|---给文本输入框里加个小动画</title>
</head>
<body>
<p>
<input type="text" name="T1" size="10" style="background-image: url('')"></p>
</body>
</html>

 

 
 
表格逐渐展开效果:
 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---表格或层往下慢慢展开的效果</title>
</head>

<body>
<script language="JavaScript">
var act;
function over(){
var h = parseInt(mytd.height);
if (h < 164){
mytd.height = h + 2;
clearTimeout(act);
act = setTimeout('over()', 10);
}
}
function out(){
var h = parseInt(mytd.height);
if (h > 30){
mytd.height = h - 2;
clearTimeout(act);
act = setTimeout('out()', 10);
}
}
</script>
<table width="316" height="30" border="2" cellpadding="0" cellspacing="0" id="mytd" onMouseOver="over()" onMouseOut="out()">
<tr>
<td>这里面填写内容www.jscode.cn<br>网页特效观止</td>
</tr>
</table>
<table width="600" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
</body>

</html>

阅读(1543) | 评论(0) | 转发(0) |
0

上一篇:蝴蝶效应-----混沌

下一篇:js日历代码

给主人留下些什么吧!~~