打印

可多次使用的仿126邮箱选项卡的源码

xpoqx

银牌会员

帖子: 695
体力: 1099
威望: 0
当前: 辽宁沈阳

发短消息

31^# 大中小发表于 2007-10-8 14:05

鼠标滑动切换怎么弄啊?

不用点击的。

TOP

maklove

初级会员

帖子: 254
体力: 96
威望: 0
当前: 北京东城区
离线: 2 天

32^# 大中小发表于 2007-10-8 14:52

鼠标滑动过去等待500毫秒再切换怎么弄？

mimiwang.net

TOP

qqhu

创想设计
高级会员

帖子: 270
体力: 560
威望: 0
当前: 北京西城区
离线: 2 天

33^# 大中小发表于 2007-10-8 18:07

鼠标经过的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">

</style>
<script>

</script>
</head>
<body>
<br><br>
<div id="Tab1">
<div class="Menubox">
<ul>
   <li id="one1" onmouseover="setTab('one',1,4)"  class="hover">新闻1</li>
   <li id="one2" onmouseover="setTab('one',2,4)" >新闻2</li>
   <li id="one3" onmouseover="setTab('one',3,4)">新闻3</li>   
   <li id="one4" onmouseover="setTab('one',4,4)">新闻4</li>
</ul>
</div>
 <div class="Contentbox">  
   <div id="con_one_1" class="hover">新闻列表1</div>
   <div id="con_one_2" style="display:none">新闻列表2</div>
   <div id="con_one_3" style="display:none">新闻列表3</div>
   <div id="con_one_4" style="display:none">新闻列表4</div> 
 </div>
</div>
<br>
<div id="Tab2">
<div class="Menubox">
<ul>
   <li id="two1" onmouseover="setTab('two',1,4)"  class="hover">新闻1</li>
   <li id="two2" onmouseover="setTab('two',2,4)" >新闻2</li>
   <li id="two3" onmouseover="setTab('two',3,4)">新闻3</li>   
   <li id="two4" onmouseover="setTab('two',4,4)">新闻4</li>
</ul>
</div>
 <div class="Contentbox">  
   <div id="con_two_1" >新闻列表1</div>
   <div id="con_two_2" style="display:none">新闻列表2</div>
   <div id="con_two_3" style="display:none">新闻列表3</div>
   <div id="con_two_4" style="display:none">新闻列表4</div> 
 </div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

我的博客!

TOP

xkang

银牌会员

帖子: 674
体力: 1121
威望: 0
当前: 上海普陀

专长 网页设计,前端制作,策划

34^# 大中小发表于 2007-10-9 07:56

对呀，找的就是这个效果嘛

因为专业，所以选择..技术群：11162579

TOP

qt56

中级会员

帖子: 281
体力: 488
威望: 0
当前: 广东深圳
离线: 112 天

35^# 大中小发表于 2007-10-10 12:25

今天就是找这个才来的论坛
一直想不起要用什么关键字，所以只好一页一页的看
现在才知道原来关键字是“选项卡”
请问，这个每一个选项里，是不是一般的html代码都可以用呀？，不会说用了某个标签起冲突吧？
建议高手们来一个“选项卡”类代码的评测。让我们菜菜少走弯路
再次谢谢

http://www.qt56.com

TOP

keysarjan

刀郎人
高级会员

帖子: 384
体力: 745
威望: 0
当前: 新疆喀什
离线: 75 天

36^# 大中小发表于 2007-10-10 13:02

我很喜欢126的这个效果,今天正好找到了,谢谢楼主 !

我的经典收藏: Http://Www.Mk126.Cn

TOP

bluesummer01

新手上路

帖子: 13
体力: 12
威望: 0
当前: 广东东莞
离线: 173 天

37^# 大中小发表于 2007-10-10 17:39

真不错，楼主辛苦了！

TOP

likeytom

初级会员

帖子: 71
体力: 83
威望: 0
当前: 广东广州
离线: 12 天

38^# 大中小发表于 2007-10-16 19:14

嗯，弄得不错。。。

tenwe.com

TOP

ASP0000

中级会员

帖子: 130
体力: 297
威望: 0
离线: 16 天

发短消息

39^# 大中小发表于 2007-10-17 22:35

实用性更强了。收藏了！

TOP

zdc2347306

中级会员

帖子: 165
体力: 253
威望: 0
离线: 2 天

40^# 大中小发表于 2007-11-9 08:48

顶一下楼主，如果能加上延迟效果就更好了。

缺月挂疏桐，漏断人初静。谁见幽人独往来，飘渺孤鸿影。
惊起却回头，有恨无人省。拣尽寒枝不肯栖，寂寞沙洲冷。
www.guho.net/『孤鸿网——用温情守候梦想，让文字振翅飞翔』

TOP

sunboyzb

银牌会员

帖子: 551
体力: 1114
威望: 0
当前: 江苏苏州
离线: 17 天

41^# 大中小发表于 2007-11-9 09:04

好东东,谢谢分享~

创世纪计算机资源网

TOP

alone7

初级会员

帖子: 64
体力: 90
威望: 0
当前: 湖南长沙
离线: 3 天

42^# 大中小发表于 2007-11-9 10:32

都是人才啊

www.hnctsd.cn Blog

TOP

yeguangyun

疯狂的白菜
中级会员

帖子: 168
体力: 205
威望: 0
当前: 宁夏银川
离线: 34 天

发短消息

43^# 大中小发表于 2007-11-10 10:22

这个比较方便！

PK秀

TOP

shxname

新手上路

帖子: 6
体力: 18
威望: 0
离线: 16 天

发短消息

44^# 大中小发表于 2007-11-10 10:58

收藏
留个记号

shx.name

TOP

bigheadlyf

初级会员

帖子: 80
体力: 162
威望: 0
当前: 广东惠州
离线: 4 天

发短消息

专长 网页设计,前端制作,JS

45^# 大中小发表于 2007-11-10 11:16

简单实用～收藏之

TOP

7oine

柒米
初级会员

帖子: 45
体力: 80
威望: 0
当前: 云南昆明

专长 网页设计,前端制作,PHP

46^# 大中小发表于 2007-11-10 14:08

赞一下楼主！

囧rz

TOP

tongfan

逆流
初级会员

帖子: 93
体力: 129
威望: 0

发短消息

47^# 大中小发表于 2007-11-10 14:22

不错.收藏.

留下些什么

TOP

MorpheusZeng

初级会员

帖子: 79
体力: 162
威望: 0
离线: 2 天

发短消息

48^# 大中小发表于 2007-11-27 15:59

文字长了就不行了，能搞成自适应的就好了

TOP

vvsamln

代码艺术
中级会员

帖子: 177
体力: 243
威望: 0
当前: 河北邯郸

专长 .NET,C#,MsSQL

49^# 大中小发表于 2007-11-27 16:32

好贴。收藏了

TOP

willko

中级会员

帖子: 204
体力: 393
威望: 0
当前: 广东深圳
离线: 2 天

发短消息

50^# 大中小发表于 2007-11-27 16:52

回家研究。

TOP

tianyazjq110

中级会员

帖子: 137
体力: 292
威望: 1
离线: 5 天

发短消息

51^# 大中小发表于 2007-12-28 14:07

这个实例是不错..如果能够做成滑动门的............那个就更完美了..即..通过菜单文字大小来自适应宽度............能过js来进行切换..........同时在一个页面能够无限调用.............这样子才算完美哦
~~~

TOP

tianyazjq110

中级会员

帖子: 137
体力: 292
威望: 1
离线: 5 天

发短消息

52^# 大中小发表于 2007-12-28 17:04

根据楼主那个做的..但是不能多次调用,js我是照楼主的.我是js菜鸟.不知道那里出错

防126那个帖子做的..选项卡是根据文字自适应,也就是滑动门,但是根据楼主的js,我这边出了点问题不能够实现多次的调用.........谁是js高手帮忙看下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自适应切换菜单</title>
<style type="text/css">

</style>
<script>

</script>
</head>
<body>
<div style="width:400px; margin:40px auto 20px auto">
		<div id="tag1">
				 <ul>
					<li id="one1" onclick="setTab('one',1,4); this.blur();" class="Menubox_on"><a href="#">投连险投资单位价格公告</a></li>
					<li id="one2" onclick="setTab('one',2,4); this.blur();"><a href="#">投资连结保险公告</a></li>
					<li id="one3" onclick="setTab('one',3,4); this.blur();"><a href="#">万能险结算利率公告</a></li>
				 </ul>
			  
		</div>
 <div id="Contentbox">  
   <div id="con_one_1" >新闻列表1</div>
   <div id="con_one_2" style="display:none">新闻列表2</div>
   <div id="con_one_3" style="display:none">新闻列表3</div>
   <div id="con_one_4" style="display:none">新闻列表4</div> 
 </div>
</div>
<div id="diaoyong2" >
		<div id="tag1">
				 <ul>
					<li id="one1" onclick="setTab('two',1,4); this.blur();" class="Menubox_on"><a href="#">投连险投资单位价格公告</a></li>
					<li id="one2" onclick="setTab('two',2,4); this.blur();"><a href="#">投资连结保险公告</a></li>
					<li id="one3" onclick="setTab('two',3,4); this.blur();"><a href="#">万能险结算利率公告</a></li>
				 </ul>
			  
		</div>
 <div id="Contentbox">  
   <div id="con_two_1" >新闻列表1</div>
   <div id="con_two_2" style="display:none">新闻列表2</div>
   <div id="con_two_3" style="display:none">新闻列表3</div>
   <div id="con_two_4" style="display:none">新闻列表4</div> 
 </div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

请高手下载附件查看..不然没有图片的

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

TOP

pamde

中级会员

帖子: 173
体力: 276
威望: 0
当前: 北京海淀区

53^# 大中小发表于 2007-12-28 17:16

干净简介，代码清晰，占为收藏

TOP

mcsway

初级会员

帖子: 56
体力: 100
威望: 0
当前: 广东广州
离线: 21 天

54^# 大中小发表于 2007-12-28 22:24

33楼的在FF下能行不？我这台机子没装FF，谢谢

www.china84000.com

TOP

iskywang

中级会员

帖子: 247
体力: 425
威望: 0
当前: 北京海淀区
离线: 2 天

发短消息

专长 网页设计,前端制作,JS

55^# 大中小发表于 2008-1-4 09:22

选项卡通过菜单文字大小来自适应宽度，那位高手改一下?先谢谢了.急

通过菜单文字大小来自适应宽度，那位高手改一下?先谢谢了.急

yiyiya2008

TOP

gongzhw

淘折网
中级会员

帖子: 270
体力: 414
威望: 0
离线: 13 天

56^# 大中小发表于 2008-1-4 09:46

楼主用table+js 实现一个吧

http://www.allss.com.cn

TOP

wenhao676

中级会员

帖子: 109
体力: 331
威望: 0
离线: 1 天

发短消息

57^# 大中小发表于 2008-1-17 08:31

不错的效果

学习

TOP

winsteps

中级会员

帖子: 78
体力: 211
威望: 0
离线: 135 天

58^# 大中小发表于 2008-1-17 08:46

呵呵，学无止境啊~~加油。
推荐一个：
http://realazy.org/blog/2007/02/ ... ic-unobtrusive-tab/

有钱我高低买个皮夹克

TOP

mosesdesign

牧人摩西
中级会员

帖子: 184
体力: 254
威望: 0
当前: 湖南长沙
离线: 8 天

发短消息

59^# 大中小发表于 2008-1-17 08:51

引用:

原帖由 livecoffee 于 2007-10-6 12:49 发表
CSS的魅力实在太大了

CSS的魅力实在太大了

TOP

aidxj

新手上路

帖子: 10
体力: 25
威望: 0
离线: 96 天

发短消息

60^# 大中小发表于 2008-1-17 14:52

留个印子.....

TOP

可多次使用的仿126邮箱选项卡的源码

根据楼主那个做的..但是不能多次调用,js我是照楼主的.我是js菜鸟.不知道那里出错

选项卡 通过菜单文字大小来自适应宽度，那位高手改一下?先谢谢了.急

不错的效果

引用:

选项卡通过菜单文字大小来自适应宽度，那位高手改一下?先谢谢了.急