您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
<!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>
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()"; }
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; }
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。