请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 29652|回复: 70

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

vickeychen 楼主
帖子
103
体力
319
威望
7
居住地
湖南省 岳阳市
发表于 2007-3-27 16:40:28 |显示全部楼层
以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢;
  • 兼容IE7;FF;IE6
  • 代码更简洁,更易读;

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


[ 本帖最后由 Sheneyan 于 2007-4-29 01:13 编辑 ]
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
西部数码顶级域名注册商39元抢注!

阿会楠

银牌会员

帖子
522
体力
2212
威望
1
居住地
广东省 广州市
发表于 2007-3-27 21:49:56 |显示全部楼层
楼主整个打个包~~~~~~~
否则要用的时候找图片太麻烦了~~
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

大花

超级版主 手机认证 

帖子
10077
体力
6299
威望
1
居住地
云南省 曲靖市
发表于 2007-3-27 22:53:10 |显示全部楼层
最好不要自动转到..点击后再转会更好一点。.

使用道具 举报

帖子
31
体力
165
威望
0
发表于 2007-3-28 17:24:37 |显示全部楼层
不错,这几天正在找这样的导航!
谢谢楼主的贡献。
上课乱画的人

使用道具 举报

kipos 

林立秀我爱你

初级会员

帖子
38
体力
93
威望
0
发表于 2007-4-13 13:21:11 |显示全部楼层
<div class="dis" id="tbc_01">调用脚本</div>

请问我把调用脚本放到里面.显示空白.请指教...

使用道具 举报

newsn 
帖子
396
体力
1101
威望
0
发表于 2007-4-13 13:34:25 |显示全部楼层
谁能具体说说ie7和ie6的区别,就是应该代码方面应该注意的啊?

使用道具 举报

帖子
31
体力
77
威望
0
发表于 2007-4-19 17:43:24 |显示全部楼层
如果在一个页面中有几处这样的效果,象网易主页中面左侧的一样,它的鼠标响应就只是第一个的,其它都会一起动。是不是要把每一个的代码都单独修改。
这样的话,网页代码重复了好多啊
有没有什么好办法?

使用道具 举报

帖子
138
体力
292
威望
0
发表于 2007-4-19 17:55:37 |显示全部楼层
如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;


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

使用道具 举报

帖子
51
体力
131
威望
0
发表于 2007-4-21 16:42:15 |显示全部楼层
如果我要在一个页面里面做两个不一样风格(css不同)但是选项卡数量一样多的,应该怎么做呢?!
谢谢。
我javascript不会。所以完全看不懂。
现在的问题就是css样式和javascript共用了!使得无法实现一个页面两个选项卡效果!
请指教!谢!!~~~
i am a blank

使用道具 举报

帖子
1163
体力
4277
威望
0
发表于 2007-4-21 18:43:46 |显示全部楼层
不要跟我扣下来的代码比简洁

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

忍受。一定要学会忍受。

使用道具 举报

帖子
5
体力
42
威望
0
发表于 2007-4-22 19:10:06 |显示全部楼层
看了楼主的代码受益匪浅,现在碰到一个问题:如果我点击另外一个页面的超链接直接显示某一个选项卡的内容(所有的选项卡在新的页面上),比如说楼主给出代码中的“平面设计”中的内容,应该怎么做,谢谢!

使用道具 举报

哲服千里

金牌会员

帖子
1075
体力
3612
威望
0
发表于 2007-4-27 14:34:44 |显示全部楼层
在FF下主按钮与左边有一段空隙,怎么都去不掉,看看谁知道

使用道具 举报

21gs 
帖子
48
体力
99
威望
0
发表于 2007-4-27 14:50:16 |显示全部楼层
那如何  我要实现 横排两列选项卡

如何实现 最好有一个演示



我困惑好久了 总是不能实现
A.S.D.F.

使用道具 举报

哲服千里

金牌会员

帖子
1075
体力
3612
威望
0
发表于 2007-4-27 15:04:30 |显示全部楼层
经过仔细检查,总算好了

使用道具 举报

蓝蓝的神仙

钻石会员

帖子
1052
体力
5994
威望
3
居住地
上海市 闵行区
发表于 2007-4-28 09:49:23 |显示全部楼层
现学现卖


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


[ 本帖最后由 jsw0528 于 2007-4-28 09:51 编辑 ]

使用道具 举报

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2007-4-29 01:50:06 |显示全部楼层
稍微优化及扩展了一下代码:

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

使用道具 举报

幽谷鸟

银牌会员

帖子
883
体力
2830
威望
2
居住地
广东省 深圳市
发表于 2007-4-29 10:22:18 |显示全部楼层

使用道具 举报

mallee 

老李飞砖

银牌会员

帖子
662
体力
2394
威望
2
居住地
河北省 秦皇岛市
发表于 2007-4-29 17:21:38 |显示全部楼层
这个比较简单一点吧

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

使用道具 举报

帖子
117
体力
661
威望
0
发表于 2007-4-30 10:54:28 |显示全部楼层

子虚乌有优化后的有点小问题

当鼠标先经过非第一<li>时,第一个  <div class="ctt" id="cont">内容也显示
学习

使用道具 举报

帖子
117
体力
661
威望
0
发表于 2007-4-30 11:22:45 |显示全部楼层
没有修改过来,请子虚乌有再看看
学习

使用道具 举报

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2007-4-30 11:35:53 |显示全部楼层
……

当时偷懒,没弄默认选项-。-

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

使用道具 举报

帖子
117
体力
661
威望
0
发表于 2007-4-30 11:46:53 |显示全部楼层

现在好了

现在好了 谢谢了
学习

使用道具 举报

帖子
242
体力
911
威望
0
发表于 2007-5-2 10:26:38 |显示全部楼层
[quote]原帖由 yougucaofan 于 2007-4-21 18:43 发表
不要跟我扣下来的代码比简洁
效果还行,不过看着有大写就觉得不好,
onmouseover="setTimeout('Show_TabADSMenu(1,0)',200);"
语句在DW8中显示不支持Netscape 6.0
能改改吗?

用Xhtml校验,有79个错误和提示信息
晕啊

[ 本帖最后由 mayfish 于 2007-5-2 10:40 编辑 ]

使用道具 举报

帖子
47
体力
118
威望
0
发表于 2007-5-2 11:28:36 |显示全部楼层
恩,不错,赞一个。。。。。。
bings.cn

使用道具 举报

帖子
339
体力
1212
威望
0
居住地
陕西省 西安市
发表于 2007-5-2 21:23:32 |显示全部楼层
10楼的好像更好点

使用道具 举报

yadan 
帖子
227
体力
574
威望
0
发表于 2007-5-3 15:09:03 |显示全部楼层
如何增加与减少?
我是人

使用道具 举报

帖子
277
体力
613
威望
0
发表于 2007-5-3 23:50:45 |显示全部楼层
在21楼的基础上
<li class="normaltab" >流行音乐</li>
        <li class="normaltab" >美女写真</li>
        <li class="normaltab" >平面设计</li>
        <li class="normaltab" >网络学堂</li>
        <li class="normaltab">恋爱宝典</li>
        <li class="normaltab">Q小鸽子</li>

加入超级链接就会出错。 js白痴,请问怎么才能带真实连接???

使用道具 举报

yuexx 
帖子
69
体力
289
威望
0
发表于 2007-5-5 14:35:31 |显示全部楼层
如果是点击后变化的话就不用JS了哪
CSS搞定了

使用道具 举报

yuexx 
帖子
69
体力
289
威望
0
发表于 2007-5-5 14:57:24 |显示全部楼层
看错了看错了
是CSS的…………不好意思

使用道具 举报

lorzo 
帖子
1
体力
7
威望
0
发表于 2007-6-11 15:54:03 |显示全部楼层
找了好久的代码,这个简洁。

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 11:00 , Processed in 0.219290 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部