Cet article décrit l'effet de la mise en œuvre du DV sur la page par JS. Partagez-le pour votre référence, comme suit:
<style type = "text / css"> body {margin: 0px;} # div1 {affiche: aucun; Position: absolue; Z-Index: 1000; hauteur: 100%; Largeur: 100%; Contexte: # 000000; Filtre: alpha (opacité = 30);} # div2 {affichage: aucun; Position: absolue; hauteur: 100%; Largeur: 100%; Tapon de rembourrage: 10%; Z-index: 1001;} # div3 {affichage: bloc; Position: absolue; z-index: 999;} </ style> <script type = "text / javascript"> // définir l'objet en mouvement et les coordonnées en mouvement var souris_obj = "non", _ x, _y; // glisser une fonction d'objet (automatique). document.getElementById (souris_obj) .style.left = _x + event.x; document.getElementById (souris_obj) .style.top = _y + event.y; event.ReturnValue = false; }} // stop glisser function (automatiquement) document.onMouseUp = function () {souris_obj = "Aucun";} // déterminez que la fonction d'objet glissée O est la fonction d'objet glissée m (o) {souris_obj = o; _x = parseInt (document.getElementById (souris_obj) .style.left) -event.x; _y = parseInt (document.getElementById (souris_obj) .style.top) -event.y;} </ script> <div id = "div1"> </ div> <div id = "div2" onMousDown = "M (this.id)" style = "Left: 0px; top: 0px;"> <table cellulepaddin # ff7300; Position: statique; filtre: PROGID: dxiageTransform.microsoft.dropshadow (color = # 666666, offx = 4, offy = 4, positives = true) "Align =" Left "> <tryle =" Cursor: move; "> <td> <font colore =" # fffff "> chauffe Align = "droite"> <entrée type = "bouton" value = "x" onclick = "document.getElementByid ('div1'). style.display = 'nul'; document.getElementById ('div2'). style.display = 'None';" Style = "Cursor: Hand;"> </td> </tr> <td Colspan = "2" bgcolor = "# ffffff" align = "middle"> Bienvenue sur <a href = "// www.vevb.com"> // www.vevb.com </a> </td> </tr> </pally> </v> Value = "Open Layer" onClick = "document.getElementById ('div1'). style.display = 'block'; document.getElementyid ('div2'). style.display = 'block';"> </div>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.