


Explication détaillée de la façon dont JavaScript implémente les effets publicitaires des produits Taobao
Cet article présente principalement en détail l'effet de la publicité des produits Taobao basée sur JavaScript. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer
L'exemple de cet article partage avec tout le monde la mise en œuvre de Taobao en utilisant. JavaScript. Le code spécifique pour l'effet publicitaire du produit est pour votre référence. Le contenu spécifique est le suivant
Partie CSS :
ul{ margin: 0; padding: 0; } li{ list-style: none; } #ad{ width: 298px; height: 208px; border: 1px #ff6300 solid; padding: 4px 1px; text-align: center; } #ad .listL{ float: left; } #ad .listR{ float: right; } #ad li{ width: 48px; height: 26px; border: 1px #ffadad solid; background: #fff7f7; color: #333; line-height: 26px; margin-bottom: 2px; cursor: pointer; } #ad img{ height: 206px; width: 188px; background: url(images/loader_ico.gif) no-repeat center center; } #ad .cur{ background: #ff8494; color: #fff }
. Partie HTML :
<p id="ad"> <ul class="listL"> <!-- <li class="cur"></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> --> </ul> <a href="#"><img src="" alt=""></a> <ul class="listR"> <!-- <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> --> </ul> </p>
Partie JS :
window.onload = function(){ var op = document.getElementById('ad'); var aUl = op.getElementsByTagName('ul'); var oImg = op.getElementsByTagName('img')[0]; var aImg = ['images/pic1.jpg','images/pic2.jpg','images/pic3.jpg','images/pic4.jpg','images/pic5.png','images/pic6.png','images/pic7.png','images/pic8.png','images/pic1.jpg','images/pic2.jpg','images/pic3.jpg','images/pic4.jpg','images/pic5.png','images/pic6.png']; var aTxt = ['连衣裙','T恤','雪纺','铅笔裤','婚纱','外套','连体裤','包包','凉鞋','单鞋','太阳镜','丝袜','帆布鞋','情侣鞋']; var len = aImg.length; var oldNum = 0; var num = 0; var timer = null; var speed = 1; // 创建添加左右两侧li for( var i = 0; i < len/2; i++){ aUl[0].innerHTML += '<li>'+ aTxt[i] +'</li>' aUl[1].innerHTML += '<li>'+ aTxt[i + len/2] +'</li>' } var aLiL = aUl[0].getElementsByTagName('li'); var aLiR = aUl[1].getElementsByTagName('li'); var arrLi = []; // 将遍历的所有li添加到数组arrLi中 for( var i = 0; i < aLiL.length; i++){ arrLi.push(aLiL[i]); } for( var i = 0; i < aLiR.length; i++){ arrLi.push(aLiR[i]); } // console.log(arrLi.length); // 函数初始化 function init(n){ oImg.src = aImg[n]; arrLi[oldNum].className = ''; arrLi[n].className = 'cur'; oldNum = n; } init(0); // 鼠标经过li,图片切换 for(var i = 0; i < len; i++){ arrLi[i].index = i; arrLi[i].onmouseover = function(){ init(this.index); } }; // 定时切换 function fnTimer(n){ timer = setInterval(function(){ // type1:顺序切换 /* n ++; if(n == len){ n = 0; }*/ // type2:倒序切换 if(n == len-1){ speed = -1; }else if(n== 0){ speed = 1; } n += speed; init(n); },1000); }; fnTimer(0); // 鼠标移入,清除定时器 op.onmouseover = function(){ clearInterval(timer); }; // 鼠标移出,开启定时器 op.onmouseout = function(){ fnTimer(oldNum); }; };
Effet d'aperçu :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Comment désactiver les publicités recommandées par 360 Browser ? Je pense que de nombreux utilisateurs utilisent 360 Browser, mais ce navigateur affiche parfois des publicités, ce qui rend de nombreux utilisateurs très angoissés. Laissez ce site présenter soigneusement aux utilisateurs comment désactiver les publicités recommandées par 360 Browser sur votre ordinateur. Comment désactiver les publicités recommandées par 360 Browser sur votre ordinateur ? Méthode 1 : 1. Ouvrez le navigateur 360 Safe. 2. Recherchez le logo « trois barres horizontales » dans le coin supérieur droit et cliquez sur [Paramètres]. 3. Recherchez [Lab] dans la barre des tâches sur le côté gauche de l'interface contextuelle et cochez [Activer la fonction « 360 Hotspot Information »]. Méthode 2 : 1. Double-cliquez d’abord

Les utilisateurs rencontreront de nombreuses publicités lorsqu’ils parcourront Moments, alors comment peuvent-ils désactiver complètement les publicités ? Les utilisateurs doivent cliquer sur Paramètres dans Mon, puis rechercher Informations personnelles et autorisations, puis cliquer sur Gestion des annonces personnalisées et désactiver simplement la personnalisation des annonces. Cet article vous expliquera comment désactiver complètement les publicités dans Moments, alors jetez-y un œil ! Tutoriel d'utilisation de WeChat : Comment désactiver complètement les publicités dans Moments ? Réponse : Vous ne pouvez pas désactiver complètement les recommandations personnalisées : 1. Tout d'abord, cliquez sur moi, puis recherchez les paramètres à l'intérieur. 2. Recherchez les options d’informations personnelles et d’autorisations. 3. Cliquez sur la fonction de gestion des publicités personnalisées à l'intérieur. 4. Cliquez sur le commutateur sur le côté droit de la personnalisation des annonces et désactivez-le. Comment désactiver les publicités : 1. Recherchez les publicités dans Moments. 2. Cliquez à droite

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

Après la mise à jour du navigateur Edge, de nombreux utilisateurs ont constaté qu'il y avait beaucoup de publicités sur l'interface. Par exemple, au bas de la page du nouvel onglet, il y avait des liens vers plusieurs sites Web et le mot publicités était marqué, ce qui semblait très ennuyeux. Existe-t-il un moyen de désactiver les publicités personnalisées dans le navigateur Edge ? L'éditeur a recherché de nombreuses méthodes sur Internet, et je vais partager avec vous une petite astuce pour désactiver les publicités. Comment désactiver les publicités dans la nouvelle version d'Edge ? 1. Ouvrez le navigateur Edge. 2. Cliquez sur [•••] dans le coin supérieur droit. 3. Cliquez sur [Paramètres]. 4. Cliquez sur [Confidentialité, recherche et services]. 5. Désactivez le commutateur sur le côté droit de « Personnalisez votre expérience Web » pour désactiver la personnalisation poussée par Microsoft.

Avec le développement rapide de la finance sur Internet, l'investissement en actions est devenu le choix de plus en plus de personnes. Dans le trading d'actions, les graphiques en bougies sont une méthode d'analyse technique couramment utilisée. Ils peuvent montrer l'évolution des cours des actions et aider les investisseurs à prendre des décisions plus précises. Cet article présentera les compétences de développement de PHP et JS, amènera les lecteurs à comprendre comment dessiner des graphiques en bougies boursières et fournira des exemples de code spécifiques. 1. Comprendre les graphiques en bougies boursières Avant de présenter comment dessiner des graphiques en bougies boursières, nous devons d'abord comprendre ce qu'est un graphique en bougies. Les graphiques en chandeliers ont été développés par les Japonais

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Lorsque nous utilisons habituellement Douyin pour nous divertir, nous avons souvent des publicités inexplicables et étranges qui perturbent notre expérience de loisirs. De nombreux utilisateurs ne sont pas dérangés par elles et souhaitent désactiver la poussée de recommandation de ces publicités, mais ce n'est pas le cas. comment le faire fonctionner, l'éditeur de ce site Web vous apportera ce guide didacticiel et une introduction détaillée. J'espère qu'il pourra aider tous ceux qui en ont besoin. Tout d'abord, nous trouvons d'abord l'option de compréhension et de gestion du push publicitaire dans les paramètres de l'application, puis voyons ci-dessous toutes les options de commutation liées à la publicité. Cliquez sur le commutateur à l'arrière pour le désactiver, puis sur une invite de confirmation pour l'activer. l'annonce apparaîtra. Nous cliquons pour confirmer Fermer les annonces.

Kuaishou Express Edition a toujours été très populaire auprès de tout le monde. Il peut visionner un grand nombre de vidéos chaque jour, afin que tout le monde puisse voir ces merveilleux contenus vidéo à tout moment, n'importe où. soulagez les soucis et l'ennui, parfois tout le monde rencontre toujours des pop-ups publicitaires, ce qui affecte directement la perception de chacun en regardant des vidéos, donc tout le monde veut fermer ces pop-ups publicitaires pour obtenir une expérience de visionnage plus confortable. Les amis qui ne savent pas comment le faire. pour le faire fonctionner, vous pouvez jeter un oeil au tutoriel que je vous ai apporté. Comment désactiver la publicité dans Kuaishou Express Edition : 1. Ouvrez d'abord le logiciel Kuaishou Express Edition, accédez à la page Kuaishou et cliquez sur l'icône [trois lignes horizontales] dans le coin supérieur gauche. 2. Cliquez ensuite sur [Paramètres] dans le coin supérieur gauche ; page actuelle ; 3. Entrez
