一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 导航菜单

推荐专题

最新下载

1

乒乓球模拟器
71.41MB 类型： 休闲益智
2

勇者深渊折相思内置菜单
153.53MB 类型： 休闲益智
3

莉比小公主之泳池派对中文版
218.2MB 类型： 休闲益智
4

凯蒂猫飞行冒险无限爱心版
47.72MB 类型： 休闲益智
5

破坏王者传奇最新版
72.37MB 类型： 休闲益智
6

老师把我的小说藏起来了游戏
34.45MB 类型： 休闲益智
7

太空全地形车冒险MOD菜单
99.16MB 类型： 休闲益智
8

人群进化中文版
226.47MB 类型： 休闲益智
9

帮派沙盒内置菜单
143.12MB 类型： 休闲益智
10

双人像素迷宫
15.59MB 类型： 休闲益智

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

js下拉展开菜单

时间：2022-07-02 15:09:13 编辑：袖梨来源：一聚教程网

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

<style>
#content,#intro{
	font: 13px/25px;
	
	
	background: #eee;
	padding: 10px;
	border: 4px #ccc double;
        border-bottom:0;
	overflow: hidden;
}
#intro {
	color: #036;
	font:12px;
        border: 4px #ccc double;
        border-top:0;
        
}
#key{color:#900;float:right}
hr{border:1px #ccc dotted}
</style>
<script>
var s=5;
var min;
var max;
function shoppingcat(){
	var key = document.getElementById("key").innerText;
	if(key=="展开"){
		content.style.pixelHeight+=s;
		if(content.style.pixelHeight<maxheight){
			setTimeout("shoppingcat();",1);
		}else{
			document.getElementById("key").innerText="关闭";
		}
	}else{
		content.style.pixelHeight-=s;
		if(content.style.pixelHeight>minheight){
			setTimeout("shoppingcat();",1);
		}else{
			document.getElementById("key").innerText="展开";
		}
	}
}
</script>
<div id="content"> 
孤雁儿
<br><br>
世人作梅词，下笔便俗。予试作一篇，乃知前言不妄耳。<br><br>
藤床纸帐朝眠起，<br> 
说不尽、无佳思。<br>
沈香烟断玉炉寒，<br>
伴我情怀如水。<br>
笛声三弄，<br>
梅心惊破，<br>
多少春情意。<br><br>
小风疏雨萧萧地，<br>
又催下、千行泪。<br>
吹箫人去玉楼空，<br> 
肠断与谁同倚？
一枝折得，<br>
人间天上，<br>
没个人堪寄。
</div>
<div id="intro" ><hr>作者：李清照<span id="key" onclick="shoppingcat();">展开</span><br>来源
：中国诗辞网</div>

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

相关文章

热门栏目