이 글에서는 웹사이트 상단에 닫힐 수 있는 플로팅 광고 바코드의 js 구현을 주로 소개하며, 페이지 요소 스타일을 조작하기 위한 마우스 이벤트 기반의 자바스크립트 구현 기술이 포함되어 있습니다. 다음
이 기사에서는 js를 사용하여 웹사이트 상단에 클로징 플로팅 광고 배너를 구현하는 예제를 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
일반적으로 웹 사이트 상단에 떠 있으며 닫힐 수 있는 광고 배너 코드입니다. 닫기 버튼이 있고 너비에 맞게 닫힐 수 있습니다. 많은 친구들이 좋아할 것 같아요.
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는
http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/
구체적인 코드는 다음과 같습니다.
<html>
<head>
<title>网站页首可关闭广告条</title>
<style type="text/css">
<!--
body { margin: 0px;padding: 0px;text-align: center;}
TD {FONT-SIZE: 12px; COLOR: #333;}
#topadv {BORDER-BOTTOM: #e2e2e2 1px solid;}
-->
</style>
</head>
<body>
<SCRIPT>
function floatadv(){
document.getElementById("topadv").style.display="none";
}
</SCRIPT>
<p id=topadv>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4%" height="30" align="center"><img src="images/kids.gif" width="15" height="14"></td>
<td width="82%"><a href="//www.jb51.net/">脚本之家</a>是国内专业的网站建设资源、脚本编程学习类网站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</td>
<td width="14%" align="right"><a style="CURSOR: hand" onClick=floatadv()><img
src="images/close.gif" width=84 height=11 hspace="6" border=0></a></td>
</tr>
</table>
</p>
</body>
</html>JavaScript 동영상 튜토리얼을 방문해주세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
