| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 865 人关注过本帖
标题:在www.soojs.com下的一个效果,但有一个问题想问一下!
只看楼主 加入收藏
ymaozi
Rank: 1
等 级:新手上路
帖 子:87
专家分:0
注 册:2007-7-19
收藏
 问题点数:0 回复次数:3 
在www.soojs.com下的一个效果,但有一个问题想问一下!

<style type="text/css">
<!--
body,div,img,a,b,p,form,table,tr,td{text-align: center; margin: 0px;padding: 0px;list-style-type:none;font-size:12px;color:#0c0c0b; line-height:120%}
body{background-color:#fff}
a{text-decoration:none;}
a:hover{text-decoration:underline; color:#0f9327}
.a1{text-decoration:underline; color:#b7f124}
.a1:hover{text-decoration:underline; color:#f8efae}
.f1{font-size:14px;}
.c1{color:#ff7200}
.c2{color:#FFFFFF}
.c3{color:#f8efae}
.c4{color:#32633b}
.c4{color:#0F9327}

.ent_l{width:190px; height:325px; background:#48a6e9; float:left;}
.ent_c{width:342px; height:325px; background-color:#FFFFFF; float:left; overflow:hidden}
.bq{width:342px; height:71px; background:url(http://mimg.163.com/hd/126/070521_126xy3.0/img/bq_d.gif) no-repeat;}
.bq ul{padding:0px; margin:0px; list-style-type:none;}
.bq li{width:88px; height:23px; background:url(http://mimg.163.com/hd/126/070521_126xy3.0/img/bq_2.gif) 0px 1px no-repeat; padding-top:3px; margin-top:43px; text-align:center; float:left; cursor:pointer;}
.bq li a{font-size:12px; font-weight:bold; color:#59814c;}
.bq li a:hover{text-decoration:none;}
.bq li.on{background:url(http://mimg.163.com/hd/126/070521_126xy3.0/img/bq_1.gif) no-repeat top; color:#fff;}
.bq li.on a{color:#fff;}

.bq_d{width:100%; height:253px; background:url(http://mimg.163.com/hd/126/070521_126xy3.0/img/line_2.gif) right repeat-y; border-bottom:#0f9327 1px solid; text-align:left}
.bq_n{width:80%; padding-top:15px; text-align:center; margin-left:30px}
.bq_d .c4{ text-align:left}
.clear{ clear:both; font-size:0; height:0}

-->
</style>
<script language="JavaScript">
<!--
var nTime = 3;
var nFocus= 0;
var bFlag = false;
var aLiTab , aDivTab;

window.onload = function(){
var $ = function($){
return document.getElementById($);
};
aLiTab = $("oUlTab").getElementsByTagName("li");
aDivTab = [$("oDivTab1") , $("oDivTab2") , $("oDivTab3")];
for(var i=0;i<aLiTab.length;i++){
(function(i){
var t = aLiTab[i];
t.onmouseover = function(){
if(nFocus != i){
aLiTab[nFocus].className = "";
aDivTab[nFocus].style.display = "none";
nFocus = i;
aLiTab[nFocus].className = "on";
aDivTab[nFocus].style.display = "";
}
bFlag = true;
};
t.onmouseout = function(){
bFlag = false;
};
})(i);
}
};

//-->
</script>
</head>
<body>


<div class="ent_c">
<div class="bq">

<ul id="oUlTab"><li class="on" ><a href="#">多窗口操作</a></li>
<li ><a href="#">超快速度</a></li>
<li ><a href="#">自动保存</a></li>
</ul>
</div>

<!---多窗口操作--->
<div class="bq_d" id="oDivTab1">

<div class="bq_n">
<img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/dbq.gif" /><br />
<div class="c4">  逍遥3.0版本支持多窗口操作,你可以在不同邮件之间轻松快速切换。<br />
  新版本有点像时下最流行的多页面式IE浏览器,可以在一个窗口中同时打开多个页面,切换响应速度之快令人惊奇,大大提高了工作效率。<br />
</div>
</div>
</div>

<div class="bq_d" id="oDivTab2" style="display:none">

<div class="bq_n">
<img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/cksd.gif" /><br />
<div class="c4">  让邮箱的速度越来越快一直是我们追求的目标。逍遥3.0大量页面使用了创新Ajax技术, 同等网络环境下,页面响应时间减少90%以上,快来体验前所未有的快速邮箱操作吧!<br />
</div>
</div>
</div>

<div class="bq_d" id="oDivTab3" style="display:none">
<div class="bq_n">

<img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/zdbc.gif" /><br />
<div class="c4">  你再也不用担心辛苦所写的邮件会因网络、电力中断等问题而丢失。126逍遥3.0邮箱系统会自动保存正在录入的邮件,从此高枕无忧。<br />
</div>
</div>
</div>
</div>
</body>

这个代码是有三个标签,如果我想把他弄成四个,我只是改了aDivTab = [$("oDivTab1") , $("oDivTab2") , $("oDivTab3") , $("oDivTab4")];
还有在后面加了一点点内容,但不知怎么的,能显示标签,但不能显示下面的内容,是什么原因呀?

图片附件: 游客没有浏览图片的权限,请 登录注册

图片附件: 游客没有浏览图片的权限,请 登录注册

[此贴子已经被作者于2007-8-6 9:33:23编辑过]

搜索更多相关主题的帖子: 效果 soojs color body underline 
2007-08-06 09:20
ymaozi
Rank: 1
等 级:新手上路
帖 子:87
专家分:0
注 册:2007-7-19
收藏
得分:0 

我想要下面这个样式,但是下面最后哪个,内容不能正常显示!


明知不可为而为之
ymaozi's blog:[url=http://www.][/url]
2007-08-06 09:37
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
收藏
得分:0 
加这段看看:


<div class=\"bq_d\" id=\"oDivTab4\" style=\"display:none\">
<div class=\"bq_n\">
2007-08-06 10:38
ymaozi
Rank: 1
等 级:新手上路
帖 子:87
专家分:0
注 册:2007-7-19
收藏
得分:0 
cyyu_ryh
经过这位老大的帮助,问题已经解决!

谢谢!

明知不可为而为之
ymaozi's blog:[url=http://www.][/url]
2007-08-06 10:53
快速回复:在www.soojs.com下的一个效果,但有一个问题想问一下!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.031446 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved