中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js實現的展開與收起1

發布時間:2020-07-13 07:15:11 來源:網絡 閱讀:309 作者:素顏豬 欄目:開發技術

1.slide.html內容如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>slide</title>
	<link rel="stylesheet" href="slide.css">
</head>
<body>
	<div id="pn">
		<p>商品篩選</p>
		<p>網絡:移動4G,聯通3G,電信3G</p>
		<div id="hpn" >
			<p>價格:5000</p>
			<p>
				特點....
			</p>
		</div>
	</div>
	<p class="slide"><a href="javascript:showDiv()" id="strHref" class="btn-slide">更多選項+</a></p>

	<script src="slide.js"></script>
</body>
</html>


2.slide.js內容如下

function showDiv(){
	document.getElementById("hpn").style.display = "block";
	document.getElementById("strHref").innerHTML = "收起-";
	document.getElementById("strHref").href = "javascript:hideDiv()";
}

function hideDiv(){
	document.getElementById("hpn").style.display = "none";
	document.getElementById("strHref").innerHTML = "更多選項+";
	document.getElementById("strHref").href = "javascript:showDiv()";
}


3.slide.css內容如下

body{
	margin: 0 auto;
	padding: 0;
}

#pn{
	background: #e8e8e8;
	width: 600px;
	display: block;
	margin: 0 auto;
	padding: 5px;
	font-size: 9pt;
	height: auto;
}

.slide{
	margin: 0 auto;
	padding: 0px;
	width: 600px;
	border-top:solid 4px gray;
}

.btn-slide{
	background: gray;
	width: 120px;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 0 0 0;
}


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

双流县| 山东省| 孝感市| 永仁县| 万源市| 樟树市| 高阳县| 横山县| 莱芜市| 敖汉旗| 宜州市| 二连浩特市| 平泉县| 旬邑县| 桐柏县| 东兰县| 竹北市| 澳门| 西城区| 恩施市| 雷波县| 霸州市| 集安市| 敦化市| 富顺县| 襄樊市| 将乐县| 濮阳县| 扬州市| 阜宁县| 平安县| 西峡县| 磴口县| 新龙县| 祥云县| 垦利县| 中宁县| 信宜市| 牡丹江市| 斗六市| 开封市|