kesion3.0能不能做出这样的效果!-领先建站CMS提供服务商我们专注于CMS建站产品的研发

5883 查看	14 回复

主题：[求助]kesion3.0能不能做出这样的效果! [收藏主题]

转到：

雨雪天气当前离线

703 主题	0 广播	0 粉丝

级别:六年级

用户积分:2965 分
登录次数:211 次
注册时间:2006/5/30
最后登录:2010/6/8

雨雪天气发表于：2006/10/31 13:15:00 | 只看该作者查看该作者主题楼主

有生源找课程就上科汛课堂街!

我今天无意中看到这个站,这个系统是动易的,kesion3.0能不能做出这样的效果点击进入看看

鼠标一放栏目就切换了

此主题相关图片如下：

此主题相关图片如下：

还有就是鼠标往图片上一放,图片变的蒙胧感

此主题相关图片如下：

此主题相关图片如下：

本人菜鸟,不懂这些,是网页代码原因,还是摸版的不同,还是系统3.0能做出来吗?

[此贴子已经被作者于2006-10-31 13:17:18编辑过]

有课程找生源就上科汛课堂街

支持(0) |

反对(0)

顶端

底部

kesion 当前离线

2176 主题	0 广播	1 粉丝

级别:高三年

用户积分:6810 分
登录次数:1247 次
注册时间:2006/2/23
最后登录:2014/9/16

kesion 发表于：2006/11/3 18:58:00 | 只看该作者查看该作者主题沙发

做线上考试培训就选#科汛网校

这些都是用脚本控制的，如

http://www.44ww.net/ 是用科汛2.2做的．

科汛商学院助您快速入门

支持(0) |

反对(0)

顶端

底部

kesion 当前离线

2176 主题	0 广播	1 粉丝

级别:高三年

用户积分:6810 分
登录次数:1247 次
注册时间:2006/2/23
最后登录:2014/9/16

kesion 发表于：2006/11/3 18:59:00 | 只看该作者查看该作者主题藤椅

一分钟快速开通线上知识店铺

以下是引用kesion在2006-11-3 18:58:10的发言：

这些都是用脚本控制的，如

http://www.44ww.net/ 是用科汛2.2做的．

相关代码如下：

有课程找生源就上科汛课堂街

支持(0) |

反对(0)

顶端

底部

inlet511 当前离线

122 主题	0 广播	0 粉丝

级别:一年级

用户积分:1093 分
登录次数:86 次
注册时间:2006/11/2
最后登录:2010/11/29

inlet511 发表于：2006/11/3 13:37:00 | 只看该作者查看该作者主题板凳

有课程找生源就上科汛课堂街

应该是使用了ajax技术，或者单纯css也可以实现，当然两者有质的不同，如果是前者就比较麻烦了，如果是后者，关键看你css怎么写了。可以实现

做新职业技能培训平台就选#科汛网校

支持(0) |

反对(0)

顶端

底部

随风当前离线

80 主题	0 广播	0 粉丝

级别:学前班

用户积分:2860 分
登录次数:89 次
注册时间:2006/3/28
最后登录:2007/9/27

随风发表于：2006/11/3 11:00:00 | 只看该作者查看该作者主题报纸

有课程找生源就上科汛课堂街

可以的

一分钟快速开通线上知识店铺

支持(0) |

反对(0)

顶端

底部

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/3 16:30:00 | 只看该作者查看该作者主题地板

一分钟快速开通线上知识店铺

有专门的这方面代码脚本说明:
把如下代码加入<body>区域中
<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #eeeeee
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
}
</STYLE>

            <SCRIPT language=javascript>
     function secBoard(n)
{
    for(i=0;i<secTable.cells.length;i++)
      secTable.cells[i].className="sec1";
    secTable.cells[n].className="sec2";
    for(i=0;i<mainTable.tBodies.length;i++)
      mainTable.tBodies[i].style.display="none";
    mainTable.tBodies[n].style.display="block";
}
      </SCRIPT>

            <TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
              <TBODY>
              <TR align=middle height=20>
                <TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>
                <TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>
                <TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>
                <TD class=sec1 onclick=secBoard(3)
              width="10%">关于display属性</TD></TR></TBODY></TABLE>
            <TABLE class=main_tab id=mainTable height=240 cellSpacing=0
            cellPadding=0 width=549 border=0>
              <TBODY style="DISPLAY: block">
              <TR>
                <TD vAlign=top align=middle><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>指定行做为表体。<BR>注释：TBODY要素是块要素，并且需要结束标签。<BR>　　　即使如果表格没有显式定义TBODY要素，该要素也提供给所有表。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社
                        Microsoft Corporation著
                    北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>
              <TBODY style="DISPLAY: none">
              <TR>
                <TD vAlign=top align=middle><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>检索表行或者整个表中所有单元格的集合。<BR>应用于TR、TABLE。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社
                        Microsoft Corporation著
                    北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>
              <TBODY style="DISPLAY: none">
              <TR>
                <TD vAlign=top align=middle><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>检索表中所有TBODY对象的集合。对象在该集合中按照HTML源顺序排列。<BR>应用于TABLE。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社
                        Microsoft Corporation著
                    北京华中兴业科技发展有限公司译）<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY>
              <TBODY style="DISPLAY: none">
              <TR>
                <TD vAlign=top align=middle><BR><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
                    <TBODY>
                    <TR>
                      <TD>设置或者检索对象是否被提供。<BR>可能的值为block、none、inline、list-item、table-header-group、table-footer-group。<BR>该特性可读写，块要素默认值为block，内联要素默认值为inline；层叠样式表（CSS）属性不可继承。<BR><BR>参考：《动态HTML参考和开发应用大全》（人民邮电出版社
                        Microsoft Corporation著北京华中兴业科技发展有限公司译）<BR><BR><A
                        href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true"
                        target=_blank>点击此处</A>可参阅微软<A
                        href="http://msdn.microsoft.com/"
                        target=_blank>MSDN在线</A>上的解释。
              </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>