javascript如何实现滑动效果

wljie103 2008-10-23 04:52:58

这个是参照的例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>1111</title>

<style>

.relativeTag
{
position:relative;
};

.fixCol
{
background-color:#cccccc;
position:relative;
left:expression(this.parentElement.offsetParent.scrollLeft);
};

.mainDiv
{
overflow:auto;
}
</style>
</head>

<body>
<div class="mainDiv" style="width:200px;height:150px;">
<table width="100%" border=1 cellspacing=0 >
<TR class="relativeTag" >
<TD class="fixCol" width="100" nowrap>Header A</TD>
<TD width="100" nowrap>Header B</TD>
<TD width="100" nowrap>Header C</TD>
</TR>
<TR class="relativeTag" >
<TD class="fixCol" >A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>
</table>
</div>
</body>
</html>

=================================================

我遇到的问题是先生成html,如下所示,然后在用javascipt把这些style效果放上去,请问怎么写?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>1111</title> </head>

<body>
<div id="divInfo">
<table width="100%" border=1 cellspacing=0 >
<TR>
<TD>Header A</TD>
<TD>Header B</TD>
<TD>Header C</TD>
</TR>
<TR>
<TD>A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>
</table>
</div>
</body>
</html>

...全文

47 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

yjlove51 2008-10-24

打赏
举报

回复

[Quote=引用 1 楼 FlynnD 的回复:]
自己写太麻烦了
用 JQuery的 slideUp 或是 slideDown 函数就可以了
[/Quote]
很简单的

Martin-月影 2008-10-24

打赏
举报

回复

自己写太麻烦了
用 JQuery的 slideUp 或是 slideDown 函数就可以了

主要介绍了超实用的javascript图片滑动效果实现方法,实例分析了javascript通过对页面元素与相关属性的操作实现滑动菜单效果的相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下

本文实例为大家分享了JavaScript实现滑动门效果的具体代码，供大家参考，具体内容如下一、什么是滑动门首先你要了解什么是滑动门。生活中我们经常看到一些网站或是商城有一些滑动门的效果那么怎么实现一个简单的滑动门的网页特效呢？下面简单分享一下方法,二、实现滑动门所需技术1、简单的HTML基础知识2、简单的CSS基础样式3、基本的javascript知识三、如何实现滑动门(重点)准备好一段HTML代...

本文为大家分享了javascript图片滑动效果实现方法，具体内容如下，先看一下效果图：鼠标滑过那张图，显示完整的哪张图，移除则复位：简单的CSS加JS操作DOM实现：sliding doors css:#container {height: 477px;margin: 0 auto;border-right: 1px solid #ccc;border-bottom: 1px solid ...

我们使用CSS的动画效果将当前页面向上滑动，同时添加一个延迟，确保动画完成后再显示下一页。最后，我们在动画完成后移除相应的CSS样式。同样，我们使用CSS的动画效果将当前页面向下滑动，并在动画完成后显示上一页。在现代Web页面设计中，页面滑动切换效果已经成为了一种常见的设计要求，能够提升用户体验，增加页面的交互性。在JavaScript中，我们首先获取到所有的页面元素，并初始化当前页面为第一个页面。在脚本文件中，我们将使用JavaScript来控制页面的显示和隐藏，并且通过添加CSS样式来实现滑动效果。

一、什么是滑动门首先你要了解什么是滑动门。生活中我们经常看到一些网站或是商城有一些滑动门的效果，那么怎么实现一个简单的滑动门的网页特效呢？下面简单分享一下方法, 二、实现滑动门所需技术简单的HTML基础知识简单的CSS基础样式基本的javascript知识三、如何实现滑动门（重点）准备好一段HTML代码 <div id="container"> <...

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章