html要把特效放在表格上面需要什么代码?

html要把特效放在表格上面需要什么代码?,第1张

CSS 和 JS 都可以,具体做法就是,<table class="XXX" 或是 id="XXX" ><tr><td>内容</td></tr></table>

ID 和CLASS 任取其一。

在head中间添加样式如

<head>

<style>

/*如是ID*/

#XXX{

你要特效

}

/*如是CLASS*/

.XXX{

你要的特效

}

</style>

</head>

<body>

<table class="XXX" 或是id="XXX"></table>

</body>

把一下代码直接新建HTML保存,你看下效果。刚写的,有问题再联系我。

<div id="iddiv" style="width:200pxheight:200pxoverflow:hiddenborder: 1px solid blue">

<table >

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

<tr><td>12</td><td>12</td><td>12</td></tr>

</table>

</div>

asdfaf

<script type="text/javascript">

var id = setTimeout("fnGo()",2000)

function fnGo(){

var div = document.getElementById("iddiv")

div.style.height = parseFloat(div.style.height) + 1

if( parseFloat(div.style.height) >= 1000){

clearTimeout(id)

}else{

id = setTimeout("fnGo()",50)

}

}

</script>

<input name="a" title="太长了太长了太长了太长了太长了太长了太长了太长了太长了" type="text" size="10" value="太长了太长了太长了太长了太长了太长了太长了太长了太长了">


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6194527.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存