文章详情

Php文档 Php问答 行业资讯 Php论坛 Php手册 Php博客
  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
关闭搜索
php爱好者> php文档>网页特效:INPUT背景 以及表格逐渐展开效果

网页特效:INPUT背景 以及表格逐渐展开效果

时间：2008-02-25  来源：wlcacc

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('http://www.jscode.cn/Uploadfile/2006630114812515.GIF')"></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>
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载

Copyright 2006-2020 (phpxiu.com) All Rights Reserved.

本站为非盈利性网站，不接受任何广告。php爱好者