账号通
    

账号  

密码  

5908

查看

14

回复
主题:[求助]kesion3.0能不能做出这样的效果! [收藏主题] 转到:  
雨雪天气 当前离线

703

主题

0

广播

0

粉丝
添加关注
级别:六年级

用户积分:2965 分
登录次数:211 次
注册时间:2006/5/30
最后登录:2010/6/8
雨雪天气 发表于:2006/10/31 13:15:00   | 只看该作者 查看该作者主题 楼主 
科汛在线商城系统(NET)

我今天无意中看到这个站,这个系统是动易的,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   | 只看该作者 查看该作者主题 沙发 
科汛在线商城系统(NET)

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

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做的.

相关代码如下:

<table cellSpacing=0 cellPadding=0 width="100%" border=0>
                <tr>
                  <td width=4><img src="/images/k2_upleft3.gif"></td>
                  <td background=/images/k2_upmid3.gif>媒体分析&gt;&gt;&gt;&nbsp;&nbsp;<A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','show','Layer3b','','hide','Layer4b','','hide','Layer5b','','hide','Layer6b','','hide','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/tyb/">太阳报</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','show','Layer2b','','hide','Layer3b','','hide','Layer4b','','hide','Layer5b','','hide','Layer6b','','hide','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/pgjb/">苹果日报</A> |  <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','show','Layer4b','','hide','Layer5b','','hide','Layer6b','','hide','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/dfrb/">东方日报</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','hide','Layer4b','','show','Layer5b','','hide','Layer6b','','hide','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/dgb/">大公报</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','hide','Layer4b','','hide','Layer5b','','show','Layer6b','','hide','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/cbpj/">成报波经</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','hide','Layer4b','','hide','Layer5b','','hide','Layer6b','','show','Layer7b','','hide','Layer8b','','hide')" href="/html/mtfx/sbpj/">商报波经</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','hide','Layer4b','','hide','Layer5b','','hide','Layer6b','','hide','Layer7b','','show','Layer8b','','hide')" href="/html/mtfx/mtgd/">澳门日报</A> | <A class=orange onMouseOver="MM_showHideLayers('Layer1b','','hide','Layer2b','','hide','Layer3b','','hide','Layer4b','','hide','Layer5b','','hide','Layer6b','','hide','Layer7b','','hide','Layer8b','','show')" href="/html/mtfx/mtgd/">媒体视点</A></td>
                  <td width=4><img src="/images/k2_upright3.gif"></td>
                </tr>
                <tr>
                  <td background=/images/k2_midleft.gif></td>
                  <td vAlign=top height=222>
                  <!-- 新闻内容开始 -->
<div id=Layer1b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_苹果日报} </div>
<div id=Layer2b style="Z-INDEX: 3; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_太阳报} </div>
<div id=Layer3b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_东方日报} </div>
<div id=Layer4b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_大公报} </div>
<div id=Layer5b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_成报波经} </div>
<div id=Layer6b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_商报波经} </div>
<div id=Layer7b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_澳门日报} </div>
<div id=Layer8b style="Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%">{LB_媒体视点} </div>
                  <!-- 新闻内容结束 --></td>
                  <td background=/images/k2_midright.gif></td>
                </tr>
                <tr>
                  <td><img src="/images/k2_lowleft.gif"></td>
                  <td background=/images/k2_lowmid.gif></td>
                  <td><img src="/images/k2_lowright.gif"></td>
                </tr>
              </table>

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
inlet511 当前离线

122

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1093 分
登录次数:86 次
注册时间:2006/11/2
最后登录:2010/11/29
inlet511 发表于:2006/11/3 13:37:00   | 只看该作者 查看该作者主题 板凳 
科汛在线考试系统(NET)
应该是使用了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>
<!--JavaScript部分-->
            <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>
<!--HTML部分-->
            <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标记-->
              <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><!--关于cells集合-->
              <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><!--关于tBodies集合-->
              <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><!--关于display属性-->
              <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>

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
jessy 当前离线

209

主题

0

广播

0

粉丝
添加关注
级别:二年级

用户积分:1350 分
登录次数:86 次
注册时间:2006/9/2
最后登录:2015/11/8
jessy 发表于:2006/11/2 22:50:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
ici 当前离线

198

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:1107 分
登录次数:64 次
注册时间:2006/10/26
最后登录:2011/8/19
ici 发表于:2006/11/2 20:57:00   | 只看该作者 查看该作者主题 8楼 
做在线知识付费 选科汛云开店
网易的新主页上用的就是这个效果
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
火爆浪子 当前离线

13

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:294 分
登录次数:25 次
注册时间:2006/11/1
最后登录:2008/7/21
火爆浪子 发表于:2006/11/1 16:00:00   | 只看该作者 查看该作者主题 9楼 

自定义标签应该可以搞定吧

我也不是很懂

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
daiyy 当前离线

312

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:3016 分
登录次数:334 次
注册时间:2006/4/30
最后登录:2009/3/20
daiyy 发表于:2006/10/31 18:01:00   | 只看该作者 查看该作者主题 10楼 
科汛在线网校系统

那启不是要js 怎么做啊

:)
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.39258秒 powered by KesionCMS 9.0