表格或层往下慢慢展开的效果

 <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>
</body>

</html>

时间: 2024-10-26 12:17:39

表格或层往下慢慢展开的效果的相关文章

JS点击链接后慢慢展开隐藏着图片的方法

 这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <title>JS点击链接后,慢慢展开隐藏着的图片</title> <body> <script language="JavaScript"&

当层遇到下拉框(select)框时的解决方法

select|解决|下拉 当层遇到下拉框时总是挡不了select框?其实这是IE的BUG,其它的浏览器没有这个问题,对于这个问题论坛里不少提出,在这里提供我的几种方法,各有各的好处,有错,有好的意见者提出,谢谢. 1.最直接的方法:隐藏下拉框. 下面提供的是一个比较通用的一组函数: test.htm ------------ <script>var HideElementTemp = new Array();//点击菜单时,调用此的函数,菜单对象function cal_hideElement

Android属性动画之实现布局的下拉展开

前段时间,我们做了一下Android的几个动画(http://blog.csdn.net/qq_25193681/article/details/51777248),对Android的补间动画有了一定的了解.但是在Android的3.0之后,google又提出了属性动画的这样一个框架,他可以更好的帮助我们实现更丰富的动画效果.所以为了跟上技术的步伐,今天就聊一聊属性动画. 这一次的需求是这样的:当点击一个View的时候,显示下面隐藏的一个View,要实现这个功能,需要将V iew的visibil

4-7层交换机下嫁

一提到4-7层交换机的用户,业内人士往往想到的是ICP和ISP,可是从2003年开始,4-7层交换机的用户结构已开始发生变化,一些企业用户开始使用这类产品.4-7层交换机下嫁已成趋势. 安全问题促其下嫁 众多企业用户从03年开始关注4-7层交换机,一个很重要的原因就是企业的网络安全问题.信息安全问题使得"地球村"的称呼越来越形象,随着网络的日益普及,一个新型病毒在极短的时间内即可在全球范围内兴风作浪.以前计算机病毒通过存储介质进行传播的周期若是两个月的话,现在借助于网页和邮件只需要两天

利用WPS表格的数据有效性生成下拉菜单的方法

  利用WPS表格的数据有效性生成下拉菜单的方法 1.打开WPS表格软件,首先用鼠标选中要进行下拉菜单设置的单元格,然后单击功能区的"数据"选项卡,选择"有效性"选项组; 2.在"数据有效性"的对话框中,单击"设置"选项卡,单击"允许"下方的倒三角按钮,在弹出的下拉菜单中选择"序列"选项; 3.在对话框的"来源"下方输入内容,将输入的内容用半角逗号隔开,然后单击&qu

js操作css属性实现div层展开关闭效果的方法

  本文实例讲述了js操作css属性实现div层展开关闭效果的方法.分享给大家供大家参考.具体分析如下: 最近学javascript接触到js对css属性操作,就写了个展开关闭效果,同时实现了按钮文字切换,很简洁啊!这段Js对象操作css属性实现div层的展开关闭效果.将代码分享给JS前端设计者. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <title>js操作div展开关闭</ti

js实现div层缓慢收缩与展开的方法

  本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收缩与展开的速度是可以控制的,高度.循环时间也可以改. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

Jquery实现由下向上展开效果的例子_jquery

常见的做向下展开的效果很简单,直接用slideUp跟slideDown就行. 如果要展开的div是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px 这个时候调用slideDown就是向上展开的. (因为slideDown说白了就是动态改变元素高度,底部定位固定,高度变高的时候就向上扩展了) 复制代码 代码如下:  //精品推荐  $('.remm_product ul li').hover(   function(){    $(this).find

jQuery实现的表格展开伸缩效果实例_jquery

本文实例讲述了jQuery实现的表格展开伸缩效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> table { border:0;border-collapse:collapse;} td {