打印

一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera

luobo120

初级会员

帖子: 69
体力: 188
威望: 0
离线: 7 天

31^# 大中小发表于 2007-8-28 00:26

多谢楼主

:)

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

cwawaw

中级会员

帖子: 159
体力: 355
威望: 0
离线: 51 天

32^# 大中小发表于 2007-8-28 09:52

请问一个页面里面有多个滑动门那代码要怎么用啊！

TOP

美橙vps独立IP月付189元

wenhao676

中级会员

帖子: 110
体力: 333
威望: 0
离线: 10 天

33^# 大中小发表于 2007-8-28 09:53

不错谢谢搂住

学习

TOP

请大家尊重和保护奥运知识产权。

vivim

新手上路

帖子: 8
体力: 23
威望: 0
当前: 广西桂林
离线: 402 天

34^# 大中小发表于 2007-8-28 11:11

TOP

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

webdesigning

风无双

金牌会员

帖子: 1963
体力: 3645
威望: 1
当前: 上海浦东
离线: 9 天

35^# 大中小发表于 2007-8-28 11:15

更正下...
应该是选项卡...

这里并未使用滑动门技术

www.5study.net www.websdeveloper.cn

TOP

jianghuluanke

中级会员

帖子: 182
体力: 290
威望: 0
当前: 河南南阳
离线: 17 天

专长 网页设计,Flash,PHP

36^# 大中小发表于 2007-10-2 15:53

不错，收藏！！！

http://www.codefans.net

TOP

marishfrog

新手上路

帖子: 10
体力: 28
威望: 0
离线: 349 天

37^# 大中小发表于 2007-10-2 21:01

珍藏了，谢谢楼主，辛苦了

TOP

fclan

新手上路

帖子: 8
体力: 23
威望: 0
离线: 347 天

38^# 大中小发表于 2007-10-16 15:25

确实不错呀

TOP

msbobby

新手上路

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

39^# 大中小发表于 2007-10-16 16:08

楼主是好人,大好人,谢谢了

TOP

fengdi

新手上路

帖子: 4
体力: 13
威望: 0
当前: 辽宁沈阳
离线: 8 天

40^# 大中小发表于 2007-10-19 15:37

晒晒啦

先收藏,回去研究

TOP

zlxppp

新手上路

帖子: 16
体力: 28
威望: 0
当前: 湖南长沙
离线: 4 天

41^# 大中小发表于 2007-10-19 19:36

支持一个非常有用

Yjyj.net

TOP

wlf810107

初级会员

帖子: 27
体力: 55
威望: 0
离线: 25 天

42^# 大中小发表于 2007-10-22 14:16

谢谢分享

TOP

imnpc2008

新手上路

帖子: 1
体力: 7
威望: 0
离线: 299 天

43^# 大中小发表于 2007-10-23 08:02

收藏了强悍啊

TOP

superjunior

天赐的幸运

初级会员

帖子: 74
体力: 166
威望: 0
当前: 黑龙江哈尔滨
离线: 29 天

44^# 大中小发表于 2007-11-2 19:36

很喜欢，收藏，3Q

好鞋好人生

TOP

rukey67

中级会员

帖子: 218
体力: 272
威望: 0
当前: 广东广州

专长 前端制作,JS,PHP

45^# 大中小发表于 2007-11-2 22:59

请问无间断向下滚动怎么实现？
scrollTop为负值似乎无效

TOP

wangkaye

新手上路

帖子: 30
体力: 34
威望: 0
离线: 124 天

46^# 大中小发表于 2007-11-22 15:36

引用:

原帖由 tdlisheng 于 2007-5-20 09:38 发表
再发
无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marqu
...

非常好！谢谢楼主！

就是在 Fx 2.0.0.9 下看不到滚动新闻外面的那个框。IE6.0sp2 没有问题。

小马's Blog

TOP

ljybbs

中级会员

帖子: 122
体力: 280
威望: 0
当前: 广东广州

专长 ASP

47^# 大中小发表于 2007-11-22 15:49

大家都收藏了，我也收藏收藏~~谢谢大哥先~

TOP

chuji

初级会员

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

48^# 大中小发表于 2007-11-23 15:21

换成utf-8格式后，怎么全乱了

TOP

yuminchen

新手上路

帖子: 9
体力: 21
威望: 0
离线: 18 天

49^# 大中小发表于 2007-11-23 15:31

收藏了，就应该顶

TOP

liuxingke

新手上路

帖子: 6
体力: 18
威望: 0

50^# 大中小发表于 2007-11-23 15:35

谢谢楼主，收藏了

TOP

52lamp

新手上路

帖子: 5
体力: 12
威望: 0
离线: 44 天

51^# 大中小发表于 2007-12-2 21:53

<!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">
body{
color: #000;
font-family: "宋体", arial;
font-size: 12px;
background: #fff;
text-align: center;
margin: 0;
}
.nTab{
float: left;
width: 960px;
margin: 0 auto;
border-bottom:1px #AACCEE solid;
background:#d5d5d5;
background-position:left;
background-repeat:repeat-y;
margin-bottom:2px;
}
.nTab .TabTitle{
clear: both;
height: 22px;
overflow: hidden;
}
.nTab .TabTitle ul{
border:0;
margin:0;
padding:0;
}
.nTab .TabTitle li{
float: left;
width: 70px;
cursor: pointer;
padding-top: 4px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
list-style-type: none;
}
.nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;}
.nTab .TabTitle .normal{background:#EBF3FB;border:1px #AACCEE solid;}
.nTab .TabTitle .active_1{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;}
.nTab .TabTitle .normal_1{background:#B588E3;border:1px #AACCEE solid;}
.nTab .TabContent{
width:auto;background:#fff;
margin: 0px auto;
padding:10px 0 0 0;
border-right:1px #AACCEE solid;border-left:1px #AACCEE solid;
}
.none {display:none;}
</style>
<script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
  if (i == Num)
  {
   thisObj.className = "active"; 
      document.getElementById(tabObj+"_Content"+i).style.display = "block";
  }else{
   tabList[i].className = "normal"; 
   document.getElementById(tabObj+"_Content"+i).style.display = "none";
  }
} 
}
</script>
</head>
<body>
<br />
<br />
<div align="center" style="padding-left:25px;">

  <div class="nTab">
    
    <div class="TabTitle">
      <ul id="myTab0">
        <li class="active" onmouseover="nTabs(this,0);">全部</li>
        <li class="normal" onmouseover="nTabs(this,1);">日志</li>
        <li class="normal" onmouseover="nTabs(this,2);">咨询</li>
        <li class="normal" onmouseover="nTabs(this,3);">相册</li>
        <li class="normal" onmouseover="nTabs(this,4);">商城</li>
        <li class="normal" onmouseover="nTabs(this,5);">社区</li>
      </ul>
    </div>
    
    <div class="TabContent">
      <div id="myTab0_Content0"> 000 </div>
      <div id="myTab0_Content1" class="none">111</div>
      <div id="myTab0_Content2" class="none">222</div>
      <div id="myTab0_Content3" class="none">333</div>
      <div id="myTab0_Content4" class="none">444</div>
      <div id="myTab0_Content5" class="none">555</div>
    </div>
  </div>
  
  
  <div class="nTab" style=width:288px>
    
    <div class="TabTitle">
      <ul id="myTab1">
        <li class="active_1" onclick="nTabs(this,0);">aaa</li>
        <li class="normal_1" onclick="nTabs(this,1);">bbb</li>
        <li class="normal_1" onclick="nTabs(this,2);">ccc</li>
        <li class="normal_1" onclick="nTabs(this,3);">单击</li>
      </ul>
    </div>
    
    <div class="TabContent">
      <div id="myTab1_Content0"> 000 </div>
      <div id="myTab1_Content1" class="none"> 111 </div>
      <div id="myTab1_Content2" class="none"> 222 </div>
      <div id="myTab1_Content3" class="none"> 333 </div>
    </div>
  </div>
  
</div>
</body>
</html>

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

我使用的时候，多个的时候。调整css后，为什么一点又回到第一个上了？

TOP

zzx42

新手上路

帖子: 23
体力: 48
威望: 0

52^# 大中小发表于 2007-12-2 23:16

呵，，我也来抢个先，，

TOP

caiying2007

版主

帖子: 2701
体力: 5158
威望: 10
离线: 1 天

53^# 大中小发表于 2007-12-3 21:30

回复 #51 52lamp 的帖子

<!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">
body{
color: #000;
font-family: "宋体", arial;
font-size: 12px;
background: #fff;
text-align: center;
margin: 0;
}
.nTab{
float: left;
width: 960px;
margin: 0 auto;
border-bottom:1px #AACCEE solid;
background:#d5d5d5;
background-position:left;
background-repeat:repeat-y;
margin-bottom:2px;
}
.nTab .TabTitle{
clear: both;
height: 22px;
overflow: hidden;
}
.nTab .TabTitle ul,.nTab .TabTitle_1 ul{
border:0;
margin:0;
padding:0;
}
.nTab .TabTitle li,.nTab .TabTitle_1 li{
float: left;
width: 70px;
cursor: pointer;
padding-top: 4px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
list-style-type: none;
}
.nTab .TabTitle .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;}
.nTab .TabTitle .normal{background:#EBF3FB;border:1px #AACCEE solid;}
.nTab .TabTitle_1 .active{background:#fff;border-left:1px #AACCEE solid;border-top:1px #AACCEE solid;border-right:1px #AACCEE solid;border-bottom:1px #fff solid;}
.nTab .TabTitle_1 .normal{background:#B588E3;border:1px #AACCEE solid;}
.nTab .TabContent{
width:auto;background:#fff;
margin: 0px auto;
padding:10px 0 0 0;
border-right:1px #AACCEE solid;border-left:1px #AACCEE solid;
}
.none {display:none;}
</style>
<script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
  if (i == Num)
  {
   thisObj.className = "active"; 
      document.getElementById(tabObj+"_Content"+i).style.display = "block";
  }else{
   tabList[i].className = "normal"; 
   document.getElementById(tabObj+"_Content"+i).style.display = "none";
  }
} 
}
</script>
</head>
<body>
<br />
<br />
<div align="center" style="padding-left:25px;">

  <div class="nTab">
    
    <div class="TabTitle">
      <ul id="myTab0">
        <li class="active" onmouseover="nTabs(this,0);">全部</li>
        <li class="normal" onmouseover="nTabs(this,1);">日志</li>
        <li class="normal" onmouseover="nTabs(this,2);">咨询</li>
        <li class="normal" onmouseover="nTabs(this,3);">相册</li>
        <li class="normal" onmouseover="nTabs(this,4);">商城</li>
        <li class="normal" onmouseover="nTabs(this,5);">社区</li>
      </ul>
    </div>
    
    <div class="TabContent">
      <div id="myTab0_Content0"> 000 </div>
      <div id="myTab0_Content1" class="none">111</div>
      <div id="myTab0_Content2" class="none">222</div>
      <div id="myTab0_Content3" class="none">333</div>
      <div id="myTab0_Content4" class="none">444</div>
      <div id="myTab0_Content5" class="none">555</div>
    </div>
  </div>
  
  
  <div class="nTab" style=width:288px>
    
    <div class="TabTitle_1">
      <ul id="myTab1">
        <li class="active" onclick="nTabs(this,0);">aaa</li>
        <li class="normal" onclick="nTabs(this,1);">bbb</li>
        <li class="normal" onclick="nTabs(this,2);">ccc</li>
        <li class="normal" onclick="nTabs(this,3);">单击</li>
      </ul>
    </div>
    
    <div class="TabContent">
      <div id="myTab1_Content0"> 000 </div>
      <div id="myTab1_Content1" class="none"> 111 </div>
      <div id="myTab1_Content2" class="none"> 222 </div>
      <div id="myTab1_Content3" class="none"> 333 </div>
    </div>
  </div>
  
</div>
</body>
</html>

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

TOP

wxy5758

新手上路

帖子: 9
体力: 24
威望: 0
离线: 12 天

54^# 大中小发表于 2007-12-3 22:43

好东西，收藏了

TOP

zdc2347306

中级会员

帖子: 174
体力: 273
威望: 0
离线: 1 天

55^# 大中小发表于 2007-12-4 09:39

要是再加上延缓触发就好了。

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

TOP

niuzuo

蜡笔小菜

初级会员

帖子: 68
体力: 149
威望: 0
离线: 43 天

56^# 大中小发表于 2007-12-26 15:23

如果文字导航文字很多,超过背景114的宽度,但是背景是图片,宽度为50,怎么办?

TOP

brothong

初级会员

帖子: 43
体力: 86
威望: 0
当前: 四川德阳
离线: 151 天

57^# 大中小发表于 2008-1-15 16:01

这叫选项卡！不是所谓的滑动门！郁闷！

www.it0838.com

TOP

lele1990

小强的老婆

高级会员

帖子: 950
体力: 548
威望: 0
当前: 浙江台州

专长 网页设计,前端制作

58^# 大中小发表于 2008-1-15 16:25

為什么在IE下面沒有效果啊？在火狐裡就有呢！

我混日子过

TOP

maxegx

佛三

银牌会员

帖子: 961
体力: 1255
威望: 0
当前: 四川眉山

59^# 大中小发表于 2008-1-15 16:29

有现成的东西就很少去自己写了.

执著和骚扰只有一步之遥!

TOP

35c

新手上路

帖子: 68
体力: 5
威望: 0
离线: 19 天

60^# 大中小发表于 2008-2-24 18:29

不错的学习资料.收藏了

[img]http://asp.7i24.com/3dfeel/csl.jpg[/img]

TOP