打印

[分享/修正]滑动门,简洁,新手上路制作篇 (小鸽子系列)

uisky

胡杨

高级会员

帖子: 252
体力: 520
威望: 0
当前: 湖南张家界

31^# 大中小发表于 2007-6-11 17:11

如何记忆当前选中的状态呢??
页面刷新后.能保持上次选的状态就是
请指教!

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

liu533

高级会员

帖子: 225
体力: 666
威望: 0
当前: 新疆乌鲁木齐
离线: 3 天

32^# 大中小发表于 2007-6-11 18:14

同问楼上问题

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

sungla

疯狂小飞哥

中级会员

帖子: 168
体力: 323
威望: 0
当前: 山东威海
离线: 1 天

专长 JS,ASP,MSSQL

33^# 大中小发表于 2007-6-14 10:34

如果一个页面中有很多的tab，那么一开始onload，会不会影响速度呢？

TOP

掌握加薪筹码 IT薪资宝典给您答案！

xirui2075

初级会员

帖子: 95
体力: 193
威望: 0
离线: 1 天

34^# 大中小发表于 2007-6-14 10:57

引用:

原帖由 sungla 于 2007-6-14 10:34 发表
如果一个页面中有很多的tab，那么一开始onload，会不会影响速度呢？

我也有同样的疑问

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

bluemonth

新手上路

帖子: 17
体力: 44
威望: 0
离线: 519 天

35^# 大中小发表于 2007-6-18 13:32

请问，如果加上一个移入延时，应该怎么做呢？

就是说：鼠标移到tab项上，不是马上就切换，而是等2-3秒再切换。

TOP

nzhonglei

新手上路

帖子: 3
体力: 0
威望: 0
离线: 523 天

36^# 大中小发表于 2007-6-18 13:39

现在Aobe公司出个 Golive也是前台网页制作的，那个功能很强大，试试那个

IT高手

TOP

markhung

新手上路

帖子: 38
体力: 36
威望: 0
当前: 广东广州
离线: 36 天

37^# 大中小发表于 2007-7-22 03:38

引用:

原帖由 bluemonth 于 2007-6-18 13:32 发表
请问，如果加上一个移入延时，应该怎么做呢？

就是说：鼠标移到tab项上，不是马上就切换，而是等2-3秒再切换。

我也不明白这个问题，请版主指教一下！！！请附上代码!

TOP

markhung

新手上路

帖子: 38
体力: 36
威望: 0
当前: 广东广州
离线: 36 天

38^# 大中小发表于 2007-7-22 16:37

顶一下,希望有个答案

TOP

fangying

新手上路

帖子: 16
体力: 28
威望: 0
当前: 广东深圳
离线: 12 天

39^# 大中小发表于 2008-3-1 21:23

谢谢了。。。收藏了起来

TOP

ariex

Dreamlessness

金牌会员

帖子: 4117
体力: 4295
威望: 11
当前: 河南许昌

专长 前端制作,C#

40^# 大中小发表于 2008-3-1 21:34

回复 #37 markhung 的帖子

setTimeout做延时，不提供代码，因为me不是斑竹~~

圆通快递是垃圾！

TOP

shenbinwuting

中级会员

帖子: 73
体力: 202
威望: 0
离线: 8 天

41^# 大中小发表于 2008-7-17 16:42

子虚乌有
我把你的那个东西改了下,换了图片,,总么就出现裂缝了..总么都拼不好了.

TOP

4511916

高级会员

帖子: 419
体力: 786
威望: 0
当前: 江苏南京

专长 网页设计,平面,策划

42^# 大中小发表于 2008-7-17 17:09

这个最复杂,网易的最简单

TOP

51ddv

新手上路

帖子: 11
体力: 27
威望: 0
离线: 13 天

43^# 大中小发表于 2008-7-17 17:12

看了楼主的代码受益匪浅

TOP

khss

新手上路

帖子: 1
体力: 7
威望: 0
当前: 河北邯郸
离线: 59 天

44^# 大中小发表于 2008-7-18 08:53

不错学习了，哈哈

报道第一贴，这个滑动门不错哦，我以前都用别人搞好的，现在有注释可以自己改了

TOP

jakiewoo

初级会员

帖子: 30
体力: 82
威望: 0
离线: 13 天

45^# 大中小发表于 2008-7-30 10:54

我怎么发现不能兼容ie6啊？其他人遇到没有？

TOP

abecheng

新手上路

帖子: 18
体力: 0
威望: 0
当前: 上海徐汇
离线: 61 天

46^# 大中小发表于 2008-7-30 11:23

Mark～

TOP

jakiewoo

初级会员

帖子: 30
体力: 82
威望: 0
离线: 13 天

47^# 大中小发表于 2008-7-30 13:25

今天上午经过我一半天的测试，发现IE6下不能正常显示的原因为字符集设为了UTF-8,设为gb2312时显示正常。但是我的网站是英文的，必须要使用 utf-8，又没有哪位朋友帮忙优化一下？

TOP

jakiewoo

初级会员

帖子: 30
体力: 82
威望: 0
离线: 13 天

48^# 大中小发表于 2008-7-30 14:39

我已经找到答案了。原来是CSS里有几行中文注释，删除后就可以使用UTF-8了。特告知各位一下。耗费了我大半天时间

TOP

snake68

中级会员

帖子: 86
体力: 247
威望: 0
当前: 北京昌平区
离线: 1 天

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

49^# 大中小发表于 2008-7-30 17:49

就不敢写个分离的？？
表现层，结构层，行为层。你们就不敢写个分离的？？？？？

Web Developer

TOP

xiaoxuexiao

新手上路

帖子: 3
体力: 11
威望: 0
离线: 57 天

50^# 大中小发表于 2008-9-24 15:01

这里的高手真是多啊

TOP

niceboy99

新手上路

帖子: 18
体力: 28
威望: 0
当前: 北京东城区
离线: 20 天

51^# 大中小发表于 2008-9-24 15:40

我也是认为用CSS就可以搞定了咯! 如果能用CSS就别用JAVASCRIPT 麻烦咯1

TOP

yoom

木匠的背篓

中级会员

帖子: 463
体力: 464
威望: 2
当前: 四川成都

专长 前端制作

52^# 大中小发表于 2008-9-24 20:52

http://bbs.blueidea.com/thread-2884588-1-1.html
一个封装好的选项卡切换。请下载一楼附件（运行框中的代码太多了）。

不往后看

TOP

haocat

绝世好猫

中级会员

帖子: 175
体力: 303
威望: 0
当前: 江西南昌
离线: 1 天

专长 网页设计,JS,PHP

53^# 大中小发表于 2008-9-25 12:02

偶也发一个玩玩

<!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=utf-8" />
<title>简洁Tab</title>
<style type="text/css">

</style>
<script>

</script>
</head>
<body>
<div id="tabs1">
 <div class="menu1box">
  <ul id="menu1">
   <li class="hover" onmouseover="setTab(1,0)"><a href="#">新闻</a></li>
   <li onmouseover="setTab(1,1)"><a href="#">评论</a></li>
   <li onmouseover="setTab(1,2)"><a href="#">技术</a></li>
   <li onmouseover="setTab(1,3)"><a href="#">点评</a></li>
  </ul>
 </div>
 <div class="main1box">
  <div class="main" id="main1">
   <ul class="block"><li>新闻列表</li></ul>
   <ul><li>评论列表</li></ul>
   <ul><li>技术列表</li></ul>
   <ul><li>点评列表</li></ul>
  </div>
 </div>
</div>
</body>
</html>

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

绝世※好猫

TOP

JcssRay

初级会员

帖子: 37
体力: 85
威望: 0
当前: 广东中山

54^# 大中小发表于 2008-9-30 15:20

原来这个效果只需要用那么少代码就可以了.
要学学才行。`!

艺术

TOP

menhin

中级会员

帖子: 170
体力: 298
威望: 0

55^# 大中小发表于 2008-9-30 17:04

对我这样的人来说很有用.

TOP

jun708

林士杰

中级会员

帖子: 965
体力: 334
威望: 0
当前: 广东珠海

专长 网页设计,PHP,系统分析

56^# 大中小发表于 2008-10-1 09:43

这个效果不错我收了谢谢

OA-

TOP

kunsan

KunSan

中级会员

帖子: 103
体力: 201
威望: 0
当前: 四川成都
离线: 4 天

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

57^# 大中小发表于 2008-10-5 15:25

正需要这些代码...

www.wintsun.cn

TOP

lzy2000

新手上路

帖子: 4
体力: 6
威望: 0
离线: 2 天

58^# 大中小发表于 2008-10-5 16:37

谢谢楼主的贡献。

TOP

niugap

初级会员

帖子: 25
体力: 53
威望: 0
离线: 4 天

59^# 大中小发表于 2008-11-14 11:57

这么多人在这里切磋啊

TOP

bobby169

新手上路

帖子: 7
体力: 19
威望: 0
当前: 广东深圳

60^# 大中小发表于 2008-11-20 10:48

把代码认真的分析了一下

把上面代码认真分析了一下,本人新手,有三个DIV ,最外面的可以控制总宽度,高度可以是AUTO,里面就是两个DIV,上面的主要是控制按钮,用onmouseover或 onclick改变按钮背景色,下面的DIV主要是用display控制显显示!报告完毕

TOP