js implémente le code de la barre de publicité flottante qui peut être fermée en haut du site-js tutoriel-php.cn

js implémente le code de la barre de publicité flottante qui peut être fermée en haut du site

PHPz

Libérer： 2018-09-28 17:59:46

avant

2132 Les gens l'ont consulté

Cet article présente principalement l'implémentation js du code à barres publicitaire flottant qui peut être fermé en haut du site Web, impliquant les techniques d'implémentation de javascript basées sur les événements de la souris pour faire fonctionner les styles d'éléments de page. Les amis dans le besoin peuvent se référer au. suivant

Cet article explique les exemples Utilisez js pour réaliser la bannière publicitaire flottante de fermeture en haut du site Web. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Il s'agit d'un code de bannière publicitaire, qui flotte généralement en haut du site Web et peut être fermé. Le design est beau et simple, avec un bouton de fermeture, adaptable à la largeur du site. la page Web et les couleurs claires. Je pense que beaucoup d'amis l'aimeront.

La capture d'écran de l'effet de course est la suivante :

L'effet en ligne. l'adresse de démonstration est la suivante :

http://demo.jb51 net/js/2015/js-top-float-clase-able-adv-codes/

<.>Le code spécifique est le suivant :

<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>

Copier après la connexion

Ce qui précède représente l'intégralité du contenu de ce chapitre, plus Pour plus de didacticiels connexes, veuillez visiter le

Tutoriel vidéo JavaScript !