Heim Web-Frontend js-Tutorial JS implementiert einen Werbecode auf der linken Seite, auf den geklickt werden kann, um die Javascript-Kenntnisse zu erweitern und zu schließen

JS implementiert einen Werbecode auf der linken Seite, auf den geklickt werden kann, um die Javascript-Kenntnisse zu erweitern und zu schließen

May 16, 2016 pm 03:40 PM
js 关闭 Expandieren 广告 点击

Das Beispiel in diesem Artikel beschreibt die JS-Implementierung von linksseitigem Werbecode, der zum Erweitern und Schließen angeklickt werden kann. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Was hier vorgestellt wird, ist die JS-Implementierung des linken Werbecodes, der zum Erweitern und Schließen auf Webseiten angeklickt werden kann. Die Leistung ist ähnlich wie bei Couplet-Anzeigen, die Bedienungsmethode ist jedoch unterschiedlich Es wird auf der linken Seite des Bildschirms ausgeblendet, aber nicht vollständig ausgeblendet. Wenn Sie auf „Anzeigen“ klicken, wird die Anzeige erneut geöffnet. Diese Art von Anzeige kann das Benutzererlebnis verbessern Webseite.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-click-show-close-style-adv-codes/

Der spezifische Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网页上可点击展开、关闭的左侧广告代码</title>
</head>
<body>
<div id="Bar1190_big" style="position:absolute;z-index:9;top:10px;left:0px;width:100px;height:300px;">
<div id="AD1190" style="width:100px;height:300px;text-align:center;float:none" class="adSpace">
<a href="#" target="_blank"><img width="100" height="300" src="images/2401.jpg" alt="" border="0"></a>
</div>
<div style="height:18px;width:100px;background:#CCCCCC;text-align:right;line-height:18px;">
<a style="font-size:12px;cursor:pointer;" onClick="bar1190_hidden()">关 闭</a> 
</div>
</div>
<div id="Bar1190_small" style="position:absolute;z-index:9;top:10px;display:none;left:0px;width:20px;height:300px;">
<div id="AD1190" style="width:20px;height:300px;text-align:center;float:none" class="adSpace">
<a href="#" target="_blank"><img width="25px" height="300" src="images/2402.jpg" alt="" border="0"></a>
</div>
<div style="height:18px;width:25px;background:#CCCCCC;text-align:right;line-height:18px;">
<a style="font-size:12px;cursor:pointer;" onClick="bar1190_show()">展开</a>
</div>
</div>
<script type="text/javascript">
function bar1190_show(){
document.getElementById('Bar1190_big').style.display='';
document.getElementById('Bar1190_small').style.display='none';
}
function bar1190_hidden(){
document.getElementById('Bar1190_big').style.display='none';
document.getElementById('Bar1190_small').style.display='';
}
var autohide1190 = setTimeout("bar1190_hidden()",6000);
</script>
</body>
</html>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ausführliche Erklärung zum Deaktivieren des Windows 11-Sicherheitscenters Ausführliche Erklärung zum Deaktivieren des Windows 11-Sicherheitscenters Mar 27, 2024 pm 03:27 PM

Im Betriebssystem Windows 11 ist das Sicherheitscenter eine wichtige Funktion, die Benutzern hilft, den Sicherheitsstatus des Systems zu überwachen, sich gegen Malware zu verteidigen und die Privatsphäre zu schützen. Manchmal müssen Benutzer das Sicherheitscenter jedoch möglicherweise vorübergehend deaktivieren, beispielsweise wenn sie bestimmte Software installieren oder eine Systemoptimierung durchführen. In diesem Artikel erfahren Sie im Detail, wie Sie das Windows 11-Sicherheitscenter deaktivieren, damit Sie das System korrekt und sicher bedienen können. 1. So schalten Sie das Sicherheitscenter von Windows 11 aus Unter Windows 11 funktioniert das Ausschalten des Sicherheitscenters nicht

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

So schließen Sie die passwortfreie Zahlung in Kuaishou. Kuaishou-Tutorial zum Schließen der passwortfreien Zahlung So schließen Sie die passwortfreie Zahlung in Kuaishou. Kuaishou-Tutorial zum Schließen der passwortfreien Zahlung Mar 23, 2024 pm 09:21 PM

Kuaishou ist ein ausgezeichneter Videoplayer, der uns im täglichen Leben sehr helfen kann, insbesondere beim Kauf der benötigten Waren auf der Plattform . Jetzt müssen wir es abbrechen. Wie können wir die passwortfreie Zahlung effektiv abbrechen? Werfen wir einen Blick auf den gesamten Leitfaden auf dieser Website. Ich hoffe, er kann allen helfen. Anleitung zum Schließen der passwortfreien Zahlung in Kuaishou 1. Öffnen Sie die Kuaishou-App und klicken Sie auf die drei horizontalen Linien in der oberen linken Ecke. 2. Klicken Sie auf Kuaishou Store. 3. Suchen Sie in der Optionsleiste oben nach „Passwortfreie Zahlung“ und klicken Sie darauf. 4. Klicken Sie, um zu unterstützen

Ausführliche Erklärung zum Deaktivieren des Echtzeitschutzes im Windows-Sicherheitscenter Ausführliche Erklärung zum Deaktivieren des Echtzeitschutzes im Windows-Sicherheitscenter Mar 27, 2024 pm 02:30 PM

Als eines der Betriebssysteme mit der größten Benutzerzahl weltweit wurde das Windows-Betriebssystem schon immer von den Benutzern bevorzugt. Bei der Verwendung von Windows-Systemen können Benutzer jedoch mit zahlreichen Sicherheitsrisiken konfrontiert werden, wie z. B. Virenangriffen, Malware und anderen Bedrohungen. Um die Systemsicherheit zu stärken, verfügen Windows-Systeme über zahlreiche integrierte Sicherheitsschutzmechanismen, darunter die Echtzeitschutzfunktion des Windows Security Center. Heute stellen wir Ihnen im Detail vor, wie Sie den Echtzeitschutz im Windows-Sicherheitscenter deaktivieren. Lassen Sie uns zunächst einmal

Wie kann ich den privaten Nachrichtenmodus aktivieren, wenn die andere Partei in der privaten TikTok-Nachricht den privaten Nachrichtenmodus deaktiviert hat? Kann ich sehen, ob die Person, der ich eine private Nachricht sende, den privaten Nachrichtenmodus deaktiviert hat? Wie kann ich den privaten Nachrichtenmodus aktivieren, wenn die andere Partei in der privaten TikTok-Nachricht den privaten Nachrichtenmodus deaktiviert hat? Kann ich sehen, ob die Person, der ich eine private Nachricht sende, den privaten Nachrichtenmodus deaktiviert hat? Mar 28, 2024 am 08:01 AM

Douyin ist eine beliebte soziale Kurzvideoplattform, die es Benutzern ermöglicht, einfach ihr Leben aufzuzeichnen und ihr Glück zu teilen. Die private Nachrichtenfunktion spielt in Douyin eine wichtige Rolle und ist eine der wichtigsten Möglichkeiten für Benutzer, miteinander zu interagieren. Manchmal kann es vorkommen, dass die andere Partei den privaten Nachrichtenmodus deaktiviert hat, was dazu führt, dass keine Nachrichten gesendet werden können. 1. Wie kann ich den privaten Nachrichtenmodus aktivieren, wenn die andere Partei in der privaten Douyin-Nachricht den privaten Nachrichtenmodus deaktiviert hat? 1. Bestätigen Sie, ob die andere Partei Datenschutzeinstellungen aktiviert hat. Zunächst sollten wir überprüfen, ob die andere Partei Datenschutzeinstellungen aktiviert hat, die möglicherweise den Empfang privater Nachrichten eingeschränkt haben. Wenn sie Einstellungen haben, die nur private Nachrichten von Bekannten zulassen, können wir versuchen, sie auf andere Weise zu kontaktieren, beispielsweise über gemeinsame Freunde oder Interaktionen auf Social-Media-Plattformen. 2. Senden Sie eine Freundschaftsanfrage, wenn die andere Partei die Datenschutzeinstellungen nicht aktiviert hat

So deaktivieren Sie das Sicherheitscenter in Windows 11 So deaktivieren Sie das Sicherheitscenter in Windows 11 Mar 28, 2024 am 10:21 AM

Windows 11 ist die neueste von Microsoft eingeführte Betriebssystemversion. Im Vergleich zu früheren Versionen verfügt Windows 11 über eine strengere Verwaltung und Überwachung der Systemsicherheit. Eine der wichtigen Funktionen ist das Sicherheitscenter. Security Center kann Benutzern dabei helfen, den Sicherheitsstatus des Systems zu verwalten und zu überwachen, um sicherzustellen, dass das System vor Malware und anderen Sicherheitsbedrohungen geschützt ist. Obwohl Security Center für den Schutz der Systemsicherheit wichtig ist, möchten Benutzer das Security Center manchmal aus persönlichen Gründen oder aus anderen Gründen deaktivieren. In diesem Artikel wird die Verwendung von W vorgestellt

Wo kann man Dolby Atmos in opporeno5 deaktivieren?_So deaktivieren Sie Dolby Atmos in opporeno5 Wo kann man Dolby Atmos in opporeno5 deaktivieren?_So deaktivieren Sie Dolby Atmos in opporeno5 Mar 25, 2024 pm 04:41 PM

1. Klicken Sie in den Telefoneinstellungen auf Ton und Vibration. 2. Klicken Sie auf Dolby Atmos. 3. Schalten Sie den Schalter hinter Dolby Atmos aus.

Wie schalte ich Werbung in der neuen Version von Edge aus? So blockieren Sie personalisierte Edge-Anzeigen Wie schalte ich Werbung in der neuen Version von Edge aus? So blockieren Sie personalisierte Edge-Anzeigen Mar 14, 2024 am 11:37 AM

Nach der Aktualisierung des Edge-Browsers stellten viele Benutzer fest, dass auf der Benutzeroberfläche viele Anzeigen zu sehen waren. Beispielsweise befanden sich unten auf der Seite „Neuer Tab“ Links zu mehreren Websites und das Wort „Anzeigen“ war markiert, was sehr nervig aussah. Gibt es eine Möglichkeit, personalisierte Werbung im Edge-Browser zu deaktivieren? Der Herausgeber hat viele Methoden im Internet durchsucht und ich werde Ihnen einen kleinen Trick zum Deaktivieren von Anzeigen vorstellen. Wie schalte ich Werbung in der neuen Version von Edge aus? 1. Öffnen Sie den Edge-Browser. 2. Klicken Sie auf [•••] in der oberen rechten Ecke. 3. Klicken Sie auf [Einstellungen]. 4. Klicken Sie auf [Datenschutz, Suche und Dienste]. 5. Deaktivieren Sie den Schalter auf der rechten Seite von „Personalisieren Sie Ihr Web-Erlebnis“, um die von Microsoft vorangetriebene Personalisierung zu deaktivieren.

See all articles