打印

一个简单的效果，看你怎么利用了

lssky606

新手上路

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

61^# 大中小发表于 2007-6-5 14:29

请教要是两个以上的时候一个打开先点第二个的时候第一个自动缩回的``~
怎么做`?

TOP

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

sundooing

新手上路

帖子: 17
体力: 42
威望: 0
离线: 297 天

62^# 大中小发表于 2007-6-5 14:34

楼上的说的是伸缩菜单吧，可是我不会写呢。

TOP

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

272

佛剑分说

中级会员

帖子: 187
体力: 360
威望: 0
离线: 130 天

63^# 大中小发表于 2007-6-5 14:36

有没可能把整个效果弄成一张图片展开？

学无止境

TOP

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

ida77

高级会员

帖子: 202
体力: 513
威望: 0
离线: 64 天

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

我这个怎么就不成呢

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
var s=5;
var minheight=50;
var maxheight=400;
function switchContent(theObj,obj2)
{
    var obj2=eval(obj2);
if(obj2.style.pixelHeight==0)
     obj2.style.pixelHeight=minheight;
       if(theObj.src.indexOf("_2")>-1)
       {
              obj2 .style.pixelHeight+=s;
			if(obj2.style.pixelHeight<maxheight){
			  setTimeout(function(){switchContent(theObj,obj2)},1);    
			  }else{
              theObj.src="body_arrow_1.gif";
              obj2.style.display="none";
                            
       } else if(theObj.src.indexOf("_1")>-1)
       {
             obj2.style.pixelHeight-=s;
			 if(obj2.style.pixelHeight>minheight){
			 setTimeout(function(){switchContent(theObj,obj2)},1); 
		  }else{
              theObj.src="body_arrow_2.gif";
              obj2.style.display="";	    
                        
       }
	   
	}
}
</script>
</head>
<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
<td><img src="body_arrow_2.gif" width="10" height="10" hspace="5"onclick=switchContent(this,'sub1') style="cursor:hand"><a href="#" >aaaa</a> 
  </tr>
  <tr id="sub1">
    <td height="40" bgcolor="#FFFF99">www</td>
  </tr>
</table>
</body>
</html>

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

展开/关闭那里我用的是加减号的图标...

TOP

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

YKAI

苹果王

中级会员

帖子: 377
体力: 493
威望: 1
当前: 浙江杭州

65^# 大中小发表于 2007-6-6 17:07

为什么你们的代码在firefox下都失效了

熊熊，大雨就快停了，彩虹也要出来啊。

TOP

oyleme

初级会员

帖子: 40
体力: 104
威望: 0
离线: 26 天

66^# 大中小发表于 2007-6-15 00:35

在FF下面没用的哇

TOP

wdm1984

小猫钓鱼

中级会员

帖子: 280
体力: 235
威望: 0
当前: 海南海口
离线: 239 天

67^# 大中小发表于 2007-6-15 08:35

都是强人呐学习了

TOP

zhengjay

初级会员

帖子: 39
体力: 86
威望: 0
离线: 2 天

68^# 大中小发表于 2007-6-15 16:05

怎么在里面的展示和关闭这二个字转成图标?

TOP

jiangling668

初级会员

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

69^# 大中小发表于 2007-7-16 18:03

收

哈哈／／／

TOP

yrrs

日日野

中级会员

帖子: 143
体力: 264
威望: 0
离线: 47 天

70^# 大中小发表于 2007-7-16 18:16

都厉害啊,佩服

TOP

lyrloveyou

新手上路

帖子: 18
体力: 38
威望: 0
当前: 广东东莞
离线: 72 天

71^# 大中小发表于 2007-8-6 02:02

太好了。。。。。。。。。谢谢

心缘心语

TOP

水煮卷心菜

初级会员

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

72^# 大中小发表于 2007-8-6 09:20

嗯，很棒的效果，收藏了

有意思吧|U148.Net

TOP

thornyzhl

sarten

高级会员

帖子: 417
体力: 829
威望: 2
当前: 安徽合肥
离线: 1 天

专长 网页设计,PHP,MySQL

73^# 大中小发表于 2007-8-6 10:10

我也来上报一个。。。FF下也支持

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

摆pos抽香烟

TOP

nyu16

夏夜

中级会员

帖子: 174
体力: 304
威望: 0
当前: 浙江杭州
离线: 1 天

专长 前端制作,PHP

74^# 大中小发表于 2007-8-6 18:09

回复 #4 mlboy 的帖子

很好，呵呵，就是在FF下不好用！

TOP

MrShan

罐装曲奇

高级会员

帖子: 312
体力: 689
威望: 0
当前: 内蒙呼伦贝尔
离线: 17 天

专长 网页设计,前端制作,美编

75^# 大中小发表于 2007-9-22 20:18

强人好多!!

TOP

loveguan

初级会员

帖子: 145
体力: 194
威望: 0
离线: 1 天

76^# 大中小发表于 2007-9-22 22:49

真是强人。

TOP

youngerch

新手上路

帖子: 2
体力: 9
威望: 0
离线: 37 天

77^# 大中小发表于 2008-1-7 09:28

火狐里不能用

TOP

fingertip

虫虫舞

初级会员

帖子: 51
体力: 126
威望: 0
当前: 北京海淀区
离线: 4 天

78^# 大中小发表于 2008-3-26 11:42

厉害

大家真是太厉害了
好东西,收藏了

TOP

iisooe

新手上路

帖子: 8
体力: 12
威望: 0

79^# 大中小发表于 2008-3-26 15:10

好厉害

TOP

xuelei

新手上路

帖子: 6
体力: 10
威望: 0
离线: 124 天

80^# 大中小发表于 2008-3-26 16:20

高手啊。。。

一个比一牛X。。。。

TOP

alone7

初级会员

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

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

81^# 大中小发表于 2008-4-27 22:01

我就是学不进去啊
谁敲我脑袋几下

www.bmx7.cn Blog

TOP

liangrenwei

新手上路

帖子: 16
体力: 41
威望: 0
当前: 上海浦东
离线: 122 天

82^# 大中小发表于 2008-4-27 22:17

火狐下测试全部失败！！

TOP

SenFe

盛飞

钻石会员

帖子: 4863
体力: 9550
威望: 14
当前: 四川成都

专长 ASP,Access

83^# 大中小发表于 2008-4-28 06:03

<!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" lang="zh-CN">
<head>
<title>一个简单的效果，看你怎么利用了</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />
<meta name="author" content="盛飞, SenFe" />
<meta name="Copyright" content="" />
<meta name="description" content="" />
<meta content="" name="keywords" />
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
<div class="t1">
孤雁儿
<h5 id="key" onclick="senfe('key');">展开</h5><br><br>
世人作梅词，下笔便俗。予试作一篇，乃知前言不妄耳。<br><br>
藤床纸帐朝眠起，<br> 
说不尽、无佳思。<br>
沈香烟断玉炉寒，<br>
伴我情怀如水。<br>
笛声三弄，<br>
梅心惊破，<br>
多少春情意。<br><br>
小风疏雨萧萧地，<br>
又催下、千行泪。<br>
吹箫人去玉楼空，<br> 
肠断与谁同倚？
一枝折得，<br>
人间天上，<br>
没个人堪寄。
</div>
</body>
</html>

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

IE7，FF，OPERA测试通过
不过三者之间都有点小差别，代码以FF为标准作的。
IE7下展开后要高一些，下面有点空白。
OPERA的“展开（关闭）”2字位置有变化，展开高度貌似比IE7还要高，空白区域更大

[ 本帖最后由 SenFe 于 2008-4-28 06:08 编辑 ]

淡泊以明志宁静而致远

TOP

iskywang

中级会员

帖子: 283
体力: 494
威望: 0
当前: 北京海淀区
离线: 3 天

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

84^# 大中小发表于 2008-4-28 14:41

不错，兼容，挺实用的！给<span>加个样式：cursor

ointer;

yiyiya2008

TOP

iskywang

中级会员

帖子: 283
体力: 494
威望: 0
当前: 北京海淀区
离线: 3 天

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

85^# 大中小发表于 2008-4-28 14:42

span{cursor

ointer}

yiyiya2008

TOP

aimnxuexi

新手上路

帖子: 28
体力: 48
威望: 0
离线: 1 天

86^# 大中小发表于 2008-4-28 15:44

今天学到了很好的东西

TOP

Miracle521

初级会员

帖子: 74
体力: 156
威望: 0
当前: 广东深圳
离线: 11 天

87^# 大中小发表于 2008-4-29 08:54

好东东,实现简单,但效果不错,收藏

QQ:272388007

TOP

fengoo

新手上路

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

88^# 大中小发表于 2008-5-1 12:01

厉害，学习了！

TOP

zzzkkk

新手上路

帖子: 16
体力: 35
威望: 0
当前: 上海闸北
离线: 105 天

89^# 大中小发表于 2008-5-2 13:25

相当的厉害，挨个学习

TOP

fengaoxue

新手上路

帖子: 34
体力: 12
威望: 0
离线: 119 天

90^# 大中小发表于 2008-5-2 18:43

谢谢分享！

TOP