打印

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

tdlisheng [楼主]

中级会员

帖子: 122
体力: 284
威望: 2
离线: 63 天

1^# 大中小发表于 2007-5-20 09:33

<!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 .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" 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>

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

如果是感应触发.就选onmouseover
如果是点击触发.就选onclick [把它们两互相替换,就可随时变为感应或点击了]

而如果想在一个页面上有N个滑动门
就复制一套...将myTab0改成myTab1 myTab2 myTab3 等等等..都可以..或者换成你自己喜欢的名字...当然myTab0_Content0这个亦是要随着变动!

保留自己用

TOP

做西部数码代理.Cn1元国际45元

tdlisheng [楼主]

中级会员

帖子: 122
体力: 284
威望: 2
离线: 63 天

2^# 大中小发表于 2007-5-20 09:38

再发
无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marqu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>Fifty Studio│无间断滚动的新闻文章列表</title>
<link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" />

<style type="text/css">

</style>
<noscript>
<style type="text/css">
#demo{overflow:auto; }
}
</style>
</noscript>
</head>
<body>
<div id="ForestganWrap">
  <div id="forestganHeader"> <a href="/"><img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /></a>
    <h1>CSS 布局演示 CSS Layout by Forestgan</h1>
    <h2 id="demo_date">2006-11-1 发表</h2>
  </div>
  <div id="forestganMiddle"> <div id="FGWrapper">
<div id="demo">
<div id="demo1">
<ul>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&amp;id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li>
</ul>
</div>
<div id="demo2">&nbsp;</div>
<script type="text/javascript">
	//图片无间断滚动代码，兼容IE、Firefox、Opera
	//原脚本是IE only，来自网上，作者未知
	//部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
	//http://www.forest53.com
	var speed=40;
	var FGDemo=document.getElementById('demo');
	var FGDemo1=document.getElementById('demo1');
	var FGDemo2=document.getElementById('demo2');
	FGDemo2.innerHTML=FGDemo1.innerHTML
	function Marquee1(){
	if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
	FGDemo.scrollTop-=FGDemo1.offsetHeight
	else{
	FGDemo.scrollTop++
	}
	}
	var MyMar1=setInterval(Marquee1,speed)
	FGDemo.onmouseover=function() {clearInterval(MyMar1)}
	FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script> </div>
<div id="desc"><a href="http://www.forest53.com"><span id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div>
</div> </div>
</div>
<div id="forestganFooter">
  <address>
  演示页面设计制作： <a href="http://www.forest53.com">Forestgan</a> &nbsp;&nbsp;采用<a href="http://www.creativecommons.cn/">创作共用授权</a>--署名和非商业用途<br /><a href="javascript:history.back()">返回前一页</a>
  </address>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-152060-1";
urchinTracker();
</script>
<noscript>
<p>google-analytics</p>
</noscript>
<script src="/js/copyrightdemo.js" type="text/javascript"></script>
<noscript><p>my stat</p></noscript>
</body>
</html>

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

TOP

【美橙超级G空间】688元绑定10个子目录

tdlisheng [楼主]

中级会员

帖子: 122
体力: 284
威望: 2
离线: 63 天

3^# 大中小发表于 2007-5-20 09:53

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>标准布局应用：选项卡</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="PR" />
<script type="text/javascript">
</script>
<style type="text/css">
/* 选项卡关键属性 */
#tab { width:570px; height:260px; position:relative; } /*设置容器高宽等*/
html > body #tab { width:566px; }/*兼容IE6:IE6下宽度不够*/
#tab div { position:absolute; top:26px; left:0; width:564px; height:234px; border:solid #eee; border-width:0 1px 1px; }/*设置被操作容器高宽等*/
#tab div { display:none; }/*设置被操作容器默认隐藏:不用ID是因为下面将利用class来控制被操作容器显示,而class优先级低于id选择器*/
#tab .block { display:block; }/*选中的被操作容器*/
#tab h3 { float:left; width:114px; height:26px; line-height:26px; margin:0 -1px 0 0; font-size:14px; cursor:pointer; font-weight:normal; text-align:center; color:#00007F; background:#eee url(http://blog.pr1984.com/attachments/month_0612/720061212105226.gif) no-repeat; }/*默认标题样式*/
#tab .up { background:#fff url(http://blog.pr1984.com/attachments/month_0612/x20061212105231.gif) no-repeat; }/*选中的标题样式*/
/*修饰列表内容*/
#tab ul { margin:15px 0 0; list-style:none; padding:0; }
#tab li { float:left; width:50%; background:url(http://blog.pr1984.com/attachments/month_0612/a20061212105235.gif) no-repeat 25px 10px; }
#tab li a { display:block; width:84%; height:25px; line-height:25px; margin-left:8%; font-size:12px; text-decoration:none; color:#333; background:url(http://blog.pr1984.com/attachments/month_0612/g20061212105238.gif) repeat-x left bottom; text-indent:10px; }
#tab li a:hover { text-decoration:underline; color:#f00; }
</style>
</head>
<body>
<div id="tab">
	
	<h3 class="up" onclick="go_to(1);">选择一</h3>
	<div class="block">
	<ul>
	<li><a href="#">1张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	<li><a href="#">张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	</ul>
	</div>
	
	<h3 onclick="go_to(2);">选择二</h3>
	<div>
	<ul>
	<li><a href="#">2张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	<li><a href="#">张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	</ul>
	</div>
	
	<h3 onclick="go_to(3);">选择三</h3>
	<div>
	<ul>
	<li><a href="#">3张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	<li><a href="#">张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	</ul>
	</div>
	
	<h3 onclick="go_to(4);">选择四</h3>
	<div>
	<ul>
	<li><a href="#">4张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	<li><a href="#">张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	</ul>
	</div>
	
	<h3 onclick="go_to(5);">选择五</h3>
	<div>
	<ul>
	<li><a href="#">5张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	<li><a href="#">张钰和于连的同源悲剧 </a></li>
	<li><a href="#">从人大代表侯建军终审 </a></li>
	<li><a href="#">车辆交付问题 </a></li>
	<li><a href="#">贻误申请执行期限损失 </a></li>
	<li><a href="#">民警特权扣车,油变成 </a></li>
	<li><a href="#">地下室及公摊面积不收 </a></li>
	<li><a href="#">当前医疗广告存在的问 </a></li>
	<li><a href="#">新医改要注意的几个问 </a></li>
	</ul>
	</div>
	
	<script type="text/javascript">
	
	</script>
</div>
</body>
</html>

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

再贴一个对比一下

TOP

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

jeffmy

新手上路

帖子: 7
体力: 16
威望: 0
离线: 34 天

4^# 大中小发表于 2007-5-20 09:54

学习到了.....谢谢楼主

TOP

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

tdlisheng [楼主]

中级会员

帖子: 122
体力: 284
威望: 2
离线: 63 天

5^# 大中小发表于 2007-5-20 10:09

兼容IE和FireFox的间隔滚动代码

TOP

wangning886111

草根

银牌会员

帖子: 2643
体力: 1149
威望: 1
当前: 北京石景山

专长 网页设计,前端制作

6^# 大中小发表于 2007-5-20 10:20

blog被和谐了

TOP

textiler

新手上路

帖子: 15
体力: 17
威望: 0
离线: 90 天

7^# 大中小发表于 2007-5-22 21:38

谢谢楼主，正在找此方面资料，你可帮了忙哦。

我喜欢我奋斗

TOP

gloridea

中级会员

帖子: 161
体力: 366
威望: 0
离线: 164 天

8^# 大中小发表于 2007-5-23 09:14

这种滑动门的感应触发能不能加上鼠标感应时间？？比如200毫秒……
期待弓虽人

TOP

treeyh

新手上路

帖子: 12
体力: 30
威望: 0
离线: 17 天

9^# 大中小发表于 2007-5-23 14:48

收藏～～～

TOP

scyu

有空就挣扎

中级会员

帖子: 297
体力: 358
威望: 0
离线: 4 天

10^# 大中小发表于 2007-5-23 14:57

3ks!收藏

TOP

my8023

篮球篮球我爱你

高级会员

帖子: 271
体力: 528
威望: 0
当前: 上海徐汇
离线: 1 天

11^# 大中小发表于 2007-5-23 16:22

THANK YOU

my8023
http://www.nicool.cn

TOP

hyxw5890

真相只有一个

高级会员

帖子: 271
体力: 508
威望: 0
离线: 80 天

12^# 大中小发表于 2007-5-23 16:44

好东西。。

TOP

mc1229

新手上路

帖子: 5
体力: 10
威望: 0
离线: 449 天

13^# 大中小发表于 2007-5-23 17:16

真是好东西介绍的也很详细谢谢

TOP

pherop

初级会员

帖子: 58
体力: 122
威望: 0

14^# 大中小发表于 2007-5-23 17:43

顶！顶！顶！顶！

TOP

SoooS

王磊

初级会员

帖子: 35
体力: 76
威望: 0
离线: 30 天

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

15^# 大中小发表于 2007-5-24 00:05

非常感谢！！

TOP

voodoo5

初级会员

帖子: 80
体力: 170
威望: 0
当前: 福建厦门
离线: 131 天

16^# 大中小发表于 2007-5-24 00:17

喜欢最后一个，比较考谱！

TOP

Alivewsj

初级会员

帖子: 32
体力: 69
威望: 0
离线: 2 天

17^# 大中小发表于 2007-5-24 14:31

收藏.收藏

TOP

yxljames

哲服千里

银牌会员

帖子: 977
体力: 1767
威望: 0
当前: 上海浦东

专长 网页设计,PHP,AS

18^# 大中小发表于 2007-5-24 14:35

#2的滚动在衔接上有很明显的跳动

还没想好；先不签了

TOP

fjlx

中级会员

帖子: 129
体力: 289
威望: 0
当前: 福建厦门
离线: 9 天

专长 网页设计,策划,网站运营

19^# 大中小发表于 2007-5-24 16:47

小弟愚昧。请问如果是要在一个页面使用两个这样的效果。那要怎么些？》

恺撒设计

TOP

yjlrwmqj

中级会员

帖子: 180
体力: 379
威望: 0
离线: 1 天

20^# 大中小发表于 2007-5-25 01:59

我有个问题
楼主可以帮下忙吗？

小小孩

TOP

fjlx

中级会员

帖子: 129
体力: 289
威望: 0
当前: 福建厦门
离线: 9 天

专长 网页设计,策划,网站运营

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

刚才没注意看到楼主的备注说明。现在看到了。谢谢楼主！

恺撒设计

TOP

水煮卷心菜

初级会员

帖子: 314
体力: 111
威望: 0
离线: 267 天

22^# 大中小发表于 2007-5-25 10:49

不错，收藏了

有意思吧|U148.Net

TOP

zhanjl

新手上路

帖子: 18
体力: 37
威望: 0
离线: 171 天

23^# 大中小发表于 2007-5-26 14:56

收藏～～～

TOP

elan99

新手上路

帖子: 120
体力: -1
威望: 1
离线: 29 天

24^# 大中小发表于 2007-5-26 22:52

收藏谢谢楼主

电子商务圈

TOP

vipbaidu

高级会员

帖子: 263
体力: 511
威望: 0
离线: 184 天

25^# 大中小发表于 2007-5-29 15:27

真是好东西介绍的也很详细谢谢

网站建设

TOP

mingyun28

新手上路

帖子: 20
体力: 39
威望: 0
离线: 33 天

26^# 大中小发表于 2007-8-27 16:30

第二个不是无间断啊.中间会停一下啊.

TOP

duluohua

月亮上的狗

银牌会员

帖子: 633
体力: 1151
威望: 0
当前: 江苏苏州
离线: 1 天

专长 前端制作,ASP,.NET

27^# 大中小发表于 2007-8-27 17:49

同上第二个不间断中间会明显的跳一下

FLASH 诚征友链

TOP

binghexijian

中级会员

帖子: 177
体力: 379
威望: 0
当前: 福建泉州
离线: 30 天

28^# 大中小发表于 2007-8-27 20:57

收藏学习。谢谢

http://www.hiqz.net

TOP

ry99cn

中级会员

帖子: 104
体力: 213
威望: 0
当前: 广西南宁
离线: 2 天

专长 平面,PHP,UE

29^# 大中小发表于 2007-8-27 22:04

搂住可以做一个2级或者3级的滑门不,做个样式给小弟看看,谢谢了!!!!

TOP

No01

咚咚吆

银牌会员

帖子: 5176
体力: 1745
威望: 1
当前: 北京崇文区

30^# 大中小发表于 2007-8-27 23:15

不错的东西苦于不会JS 先收了以后研究 3Qlz

老百姓都是猪和兔子，公务员都是鸭子大师是乌龟！

TOP