Js+Div 層展開與層收起的一個例子_層和布局特效

又一個用JS控件DIV層的展開與折疊的功能，還帶有點(diǎn)動畫效果，可以用到一些軟件介紹、明星介紹之類的，當(dāng)點(diǎn)擊詳細(xì)查看的時候會全部顯示出來，優(yōu)酷網(wǎng)有這種類似效果，其實(shí)用起來很簡單，不懂JS想念你也能搞定！

<html>
<head>
<title>可展開的一個DIV區(qū)域</title>
<meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312">
<style>
#mrc,#intro,{
font: 13px/25px;
width: 200px;
height: 40px;
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;
        height:70px;
}
#key{color:#900;float:right}
hr{height:1px;border:1px #ccc dotted}
</style>
</head>
<body>
<script>
var s=50;
var minheight=70;
var maxheight=445;
function shoppingcat(){
	var key = document.getElementById("key").innerText;
	if(key=="展開"){
		mrc.style.pixelHeight+=s;
		if(mrc.style.pixelHeight<maxheight){
			setTimeout("shoppingcat();",1);
		}else{
			document.getElementById("key").innerText="關(guān)閉";
		}
	}else{
		mrc.style.pixelHeight-=s;
		if(mrc.style.pixelHeight>minheight){
			setTimeout("shoppingcat();",1);
		}else{
			document.getElementById("key").innerText="展開";
		}
	}
}
</script>
<div id="mrc"> 
一個站長：
<br><br>
當(dāng)夜孤獨(dú)的時候，<br> 
還可以抱著你。<br>
那該有多幸�！�<br>
一個適應(yīng)寂寞的人，<br>
只要有你陪著我，<br>
忽略心中那美麗的溫存……<br>
當(dāng)我寂寞的時候還可以想著你……<br><br>
我想說：<br> 
我是多么多么的愛你……<br>
而你去什么也沒感受到……<br>
</div>
<div id="intro"><hr>作者：亂言<span id="key" onclick="shoppingcat();">展開</span></div>
</body>
</html>

所屬頻道：層和布局特效/更新時間：2012-11-28

[收藏][報錯][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索Js+Div 層展開與層收起的一個例子
特效說明：
層和布局模板-Js+Div 層展開與層收起的一個例子。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

Js+Div 層展開與層收起的一個例子_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些