이 기사의 예에서는 웹 페이지 하단의 도구 모음에 항상 표시되는 닫기 버튼을 구현하는 js 메서드를 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다. 이 코드는 브라우저 창 하단에 항상 표시되는 도구 모음을 추가합니다. 이 코드의 도구 모음에는 공지 사항, 연락처 및 기타 정보도 포함되어 있습니다. 닫기 버튼, 언제든지 닫을 수 있습니다 코드 복사 코드는 다음과 같습니다. 固定底（顶）部菜单 <br> body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{padding:0;margin:0;}<br> li{list-style:none;}img{border:none;}em{font-style:normal;}<br> a{color:#555;text-decoration:none;outline:none;blr:this.onFocus=this.blur();}<br> a:hover{color:#000;text-decoration:underline;}<br> body{font-size:12px;font-family:Arial,Verdana, Helvetica, sans-serif;word-break:break-all;word-wrap:break-word;}<br> .bnav{ text-align:left;height:25px;overflow:hidden;width:98%;line-height:25px;background:#fff; margin:0 1%;border:#B4B4B4 1px solid; border-bottom:none;z-index:999;position:fixed;bottom:0;left:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;}<br> .close{position:absolute;right:5px;height:25px;width:16px;text-indent:-9999px;padding-left:10px;}<br> .close a{background:url(../images/201008/close.gif) no-repeat center; width:16px;display:block;}<br> .bnav2{height:24px;line-height:24px; margin:1px; margin-bottom:0;background:#E5E5E5; }<br> .bnav .s1{ position:absolute;left:10px;}<br> .bnav .s1 img{ padding-top:3px;margin-right:7px;}<br> .bnav .s2{ position:absolute;right:30px; color:#888;}<br> .bnav .s2 span{ padding-right:10px;}<br> .bnav .s2 a{margin:0 6px;}<br> .rolltext{position:absolute;left:160px;height:25px;line-height:25px; overflow: hidden;}<br> .rolltext dt,.rolltext dd{float:left;width: auto;}<br> .rolltext a{display:block;height:25px;overflow:hidden;}<br> .bnav3{height:25px;width:16px;line-height:25px; margin:0 1%; padding-right:6px;border-bottom:none;z-index:999;position:fixed;bottom:0;right:0;_position:absolute;/* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible;}<br> .bnav3 a{background:url(../images/201008/open.gif) no-repeat center; display:block;height:25px;width:16px; text-indent:-5000px;}<br> <br> var closeBN = $.cookie("bnav");<br> if (closeBN == "0"){closeNav();}<br> function showNav(){<br> $(".openClose").toggle();<br> $.cookie("bnav", "1", {expires: 1});<br> }<br> function closeNav(){<br> $(".openClose").toggle();<br> $.cookie("bnav", "0", {expires: 1});<br> }<br> // 单行滚动<br> function SingleScroll(){<br> $(".rolltext dd").animate({marginTop:"-25px"},500,function(){<br> $(this).css({marginTop:"0px"}).find("a:first").appendTo(this);<br> });<br> }<br> $(document).ready(function(){<br> setInterval("SingleScroll()",3000);<br> });<br> 特别声明： 庆双节期间，商城有专人值班，请上帝们放心购物 天悦所售手机为大陆行货、全国联保商品 部分少量港行、欧行机器我们都已特别注明 请上帝们就不要再咨询同类问题啦，客服电话要爆喽 [登录][免费注册]购物车|帮助中心|在线留言 关闭 打开
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
