>웹 프론트엔드 >JS 튜토리얼 >Node.js는 웹사이트 상단에서 닫힐 수 있는 플로팅 광고 바의 코드를 구현합니다.

Node.js는 웹사이트 상단에서 닫힐 수 있는 플로팅 광고 바의 코드를 구현합니다.

PHPz
PHPz앞으로
2016-05-16 15:40:452123검색

이 글에서는 웹사이트 상단에 닫힐 수 있는 플로팅 광고 바코드의 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 동영상 튜토리얼을 방문해주세요!

성명:
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제