English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Cette exemple montre un effet de fenêtre publicitaire en coin inférieur droit suivant avec jQuery. Partagé avec tous pour référence. Voici les détails :
<!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> <style type="text/css"> body{margin:0px;font-size:12px;} #message { width:100px; height:100px; position:fixed; background-color:gold; right:0px; bottom:0px; display:none; } </style> <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { //Attention, slideDown est pour ouvrir, slideUp est pour replier $("#message").slideDown(2000, function () { //$("this").slideUp(5000); //fleurs5secondes replier setTimeout("$('#message').slideUp(5000);",2000) //Attendre deux secondes avec un timer avant de replier, attention ici, il ne peut pas utiliser $(this), mais doit utiliser l'ID }); }); </script> </head> <body> <div id="message"> Je suis une publicité, désolé !! </div> </body> </html>
Pour ceux qui sont intéressés par plus de contenu sur jQuery, vous pouvez consulter les thèmes spéciaux de ce site : 'Résumé des techniques d'extension jQuery', 'Résumé des plugins et de leurs utilisations courantes jQuery', 'Résumé des effets de glisser-déposer et des techniques jQuery', 'Résumé des techniques de manipulation des tableaux (table) jQuery', 'Résumé des utilisations d'Ajax dans jQuery', 'Résumé des effets classiques courants jQuery', 'Résumé des utilisations des animations et des effets jQuery' et 'Résumé des techniques des sélecteurs jQuery'.
J'espère que les informations décrites dans cet article seront utiles à la conception de programmes jQuery.
Déclaration : le contenu de cet article est tiré d'internet, propriété de ses auteurs respectifs, le contenu est contribué et téléchargé par les utilisateurs d'Internet, ce site ne détient pas de droits de propriété, n'a pas été édité par l'homme, ni assume la responsabilité des responsabilités juridiques associées. Si vous trouvez du contenu suspect de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)