Maison outils de développement dreamweaver Résumé des codes couramment utilisés dans Dreamweaver

Résumé des codes couramment utilisés dans Dreamweaver

Sep 29, 2018 pm 02:48 PM
dreamweaver

Cet article vous présente un résumé des codes couramment utilisés dans Dreamweaver. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Codes couramment utilisés pour Dreamweaver :

1. Contrôler la visibilité des barres de défilement horizontales et verticales ?

<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
Copier après la connexion

2. Le tableau change de couleur

<TD onmouseover="this.style.backgroundColor=&#39;#FFFFFF&#39;" 
onmouseout="this.style.backgroundColor=&#39;&#39;"
style="CURSOR: hand">
Copier après la connexion

3. La copie est interdite, faites glisser la souris pour sélectionner

<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
Copier après la connexion
.

4. Page iframe ordinaire

<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
Copier après la connexion

5. Hauteur adaptative iframe

<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all[&#39;pindex&#39;].style.height=pindex.document.body.scrollHeight"></iframe>
Copier après la connexion

6. Remplacez la barre d'adresse IE par votre propre icône et vous. pouvez l'ajouter aux favoris Affichez votre icône dans

<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
Copier après la connexion

7. Mise à l'échelle de la taille de la police

De plus en plus de personnes passent beaucoup de temps en ligne, et la popularité des lunettes augmente également de plus en plus haut. Agrandissez le texte pour que davantage d'utilisateurs puissent le voir plus clairement.

<script type="text/javascript">
function doZoom(size)
{document.getElementById(&#39;zoom&#39;).style.fontSize=size+&#39;px&#39;;}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> 
<a href="javascript:doZoom(14)">中</a> 
<a href="javascript:doZoom(12)">小</a>
Copier après la connexion

8. Code de page Web de saut simple

Si vous souhaitez que la page saute après 3 secondes d'affichage, vous pouvez ajouter le ajoutez ce code :

<meta http-equiv="refresh" content="3; url=http://www.php.cn">
Copier après la connexion

9. hauteur adaptative iframe (cadre intégré)

L'adresse intégrée renseignée doit être la même que celle-ci. une La page est sur le même site, sinon elle demandera "Accès refusé!". Il existe des problèmes d'autorisation avec les références inter-domaines, veuillez vérifier les autres informations.

<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all[&#39;guestbook&#39;].style.height=guestbook.document.body.scrollHeight"></iframe>
Copier après la connexion

10. Menu de saut nouvelle fenêtre

<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie"> Internet Explorer</option>
<option value="http://www.microsoft.com"> Microsoft Home</option>
<option value="http://msdn.microsoft.com"> Developer Network</option>
</select>
Copier après la connexion

11.option de transparence flash

<param name="wmode" value="transparent">
Copier après la connexion

12. aux favoris et défini comme page d'accueil

<a href=# onclick="this.style.behavior=&#39;url(#default#homepage)&#39;;this.setHomePage(&#39;设为首页" _href="http://www.php.cn/&#39;);">设为首页</a> 
<a href="javascript:window.external.AddFavorite(&#39;http://www.php.cn/&#39;,&#39;php中文网&#39;)">收藏本站</a>
Copier après la connexion
13 Enregistrez et affichez l'heure de la dernière modification de la page Web
<script language=JavaScript> 
document.write("最后更新时间: " + document.lastModified + "") 
</script>
Copier après la connexion

14. à

Désactiver la mise en cache dans HEAD
<Script Language="JavaScript"> 
   var timedate= new Date("October 1,2002"); 
   var times= "国庆节"; 
   var now = new Date(); 
   var date = timedate.getTime() - now.getTime(); 
   var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
   if (time >= 0) 
   document.write( "现在离"+times+"还有: "+time +"天")
</Script>
Copier après la connexion

16. Rendre l'arrière-plan du document dans le cadre IFRAME transparent
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache">
Copier après la connexion
18. Ajouter une musique de fond
<iframe src="about:<body style=&#39;background:transparent&#39;>" allowtransparency></iframe>17.打开窗口即最大化
<script language="JavaScript"> 
<!-- Begin 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
// End --> 
</script>
Copier après la connexion
19.
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用
Copier après la connexion
20. Empêcher la réinitialisation de la page en haut de la page lorsque vous cliquez sur un lien vide
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee>
Copier après la connexion
Le code "javascript:void(null)" remplace la marque "#" d'origine

21. Texte Ou l'image ouvre une fenêtre de la taille spécifiée

Ajoutez


code contextuel dans le corps

<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
Copier après la connexion
22. Code de page de saut

23. Séparateurs de lignes fines
<a href="#" target="_self" onClick="MM_openBrWindow(&#39;windows01.htm&#39;,&#39;&#39;,&#39;width=550,height=380&#39;)" width="550" height="380" border="0">图片或文字</a>
Copier après la connexion
<meta http-equiv="refresh" content="5;url=http://www.php.cn/">
Copier après la connexion

24. Le retour à la ligne automatique des mots dans les pages Web

<hr noshade size=0 color=#C0C0C0>
Copier après la connexion
est effectué. Le tout est

25. Éliminez la barre d'outils d'image qui apparaît automatiquement dans ie6 et définissez l'attribut GALLERYIMG sur false ou no.
<td style="word-break:break-all">
Copier après la connexion
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
Copier après la connexion

26. Interdire la sélection du contenu du corps de la page

27. Impossible de cliquer avec le bouton droit, d'utiliser CTRL+A et ne peut pas copier !

<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
Copier après la connexion
28. Le navigateur IE prend en charge une propriété Body bgproperties, qui peut empêcher l'arrière-plan de défiler :
<body oncontextmenu="window.event.returnValue=false" 
onkeypress="window.event.returnValue=false" 
onkeydown="window.event.returnValue=false" 
onkeyup="window.event.returnValue=false" 
ondragstart="window.event.returnValue=false" 
onselectstart="event.returnValue=false"> 
</body>
Copier après la connexion

29. peut rafraîchir votre humeur)

<Body Background="图片文件" bgproperties="fixed">
Copier après la connexion
30. Bouton de formulaire d'image

<Script Language="JavaScript"> 
   image = new Array(4); //定义image为图片数量的数组 
   image [0] = &#39;tu0.gif&#39; //背景图象的路径 
   image [1] = &#39;tu1.gif&#39; 
   image [2] = &#39;tu2.gif&#39; 
   image [3] = &#39;tu3.gif&#39; 
   image [4] = &#39;tu4.gif&#39; 
   number = Math.floor(Math.random() * image.length); 
   document.write("<BODY BACKGROUND="+image[number]+">"); 
</Script>
Copier après la connexion
31. Méthode de définition CSS des arrière-plans d'ombre gauche et droite
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>
Copier après la connexion

32. souris

body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
Copier après la connexion

33. Comment fermer le calque

style="cursor:hand"
Copier après la connexion

34 Script pour fermer la fenêtre

<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display=&#39;none&#39;">关闭层</a>
Copier après la connexion


35. est trop long, transformez la partie longue en points de suspension Affichage

<a href=javascript:close()>[关闭窗口]</a>
Copier après la connexion


36 Agrandir automatiquement après avoir accédé à la page d'accueil

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> 
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR> 
</DIV>
Copier après la connexion


37.

<script> 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
</script>
Copier après la connexion


Alors, je suis cabossé ?

Vous ne voulez pas l'essayer ?
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"><font disabled>
Copier après la connexion



38. Exécutez la boîte de code

<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>
Copier après la connexion


39. >40. Laissez la fenêtre contextuelle être toujours en haut

<script>
function Preview()
{var TestWin=open(&#39;&#39;);
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>
Copier après la connexion


41. >

<table width="100%" onclick="window.open(&#39;http://www.makewing.com/&#39;, &#39;_blank&#39;)" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</table>
Copier après la connexion
42. Retour et fermeture de la fenêtre

Retour : javascript:history.back(1)
Fermer : javascript:window.close();

43. Tableau transparent

.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}
Copier après la connexion

44. Comment empêcher les autres de mettre votre page web dans un cadre


45. >


alt est utilisé pour donner des indices sur les images. Le titre est utilisé pour inviter le texte du lien ou le texte ordinaire.

style="FILTER: alpha(opacity=72)"
Copier après la connexion


46. Essayez d'utiliser des appels externes pour tous les appels javascript

<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script>
Copier après la connexion


47. >48.Style de lien de base

a:link représente le style du lien
a:active représente le style de la connexion actuellement active

a:hover représente le style lorsque la souris se déplace
<a href="#" Title="给链接文字提示">文字</a>
<p Title="给链接文字提示">文字</p>
<img src="图片链接" alt="给图片提示">
Copier après la connexion
a:visited représente Le style du lien visité


"link-visited-hover-active" est abrégé en "lvha", c'est-à-dire "amour" + "haine"

<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
Copier après la connexion
49. Définir un texte différent sur la même page Style d'effet de lien


response.redirect"login.asp"location.href="xx.asp"onClick="window.location=&#39;login.asp&#39;"onClick="window.open(&#39;&#39;)"
Copier après la connexion
50. Menu déroulant


51. bloquer le div
Ajoutez ce qui suit au div Le code peut être ajusté selon les besoins.

52. Tous les liens sur la page entière sont _blank Une nouvelle fenêtre s'ouvre


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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Comment ajuster la position du texte dans Dreamweaver Comment ajuster la position du texte dans Dreamweaver Apr 09, 2024 am 02:24 AM

L'ajustement de la position du texte dans Dreamweaver peut être effectué en suivant les étapes suivantes : Sélectionnez le texte et utilisez l'outil de réglage de la position du texte pour effectuer des ajustements horizontaux : alignement à gauche, alignement à droite, alignement au centre. 2. Effectuez des ajustements verticaux : alignement en haut, alignement en bas, alignement vertical ; centre ; 3. Appuyez sur la touche Maj et utilisez les touches fléchées pour affiner la position. 4. Utilisez les touches de raccourci pour aligner rapidement : alignement à gauche (Ctrl/Cmd + L), alignement à droite (Ctrl/Cmd + R), alignement au centre. (Ctrl/Cmd + C).

Comment ajouter une vidéo à la production de pages Web Dreamweaver Comment ajouter une vidéo à la production de pages Web Dreamweaver Apr 09, 2024 am 01:42 AM

Intégrer une vidéo à l'aide de Dreamweaver : insérez un élément vidéo. Sélectionnez et téléchargez un fichier vidéo. Définissez le type de vidéo, l'URL, la taille, la lecture automatique et les commandes. Insérez une vidéo. Facultatif : Personnalisez l'apparence de la vidéo.

Comment ajuster l'espacement des lignes dans Dreamweaver Comment ajuster l'espacement des lignes dans Dreamweaver Apr 09, 2024 am 03:00 AM

L'ajustement de l'espacement des lignes dans Dreamweaver est un processus en quatre étapes : sélectionnez le texte, ouvrez le panneau Paragraphe, ajustez les options d'espacement des lignes et enfin cliquez sur OK pour appliquer les modifications.

Comment ajouter des images sur Dreamweaver Comment ajouter des images sur Dreamweaver Apr 09, 2024 am 03:30 AM

Pour insérer une image dans Dreamweaver, cliquez sur le menu Insertion et choisissez Image, puis accédez au fichier image et sélectionnez-le. D'autres méthodes incluent le glisser-déposer de fichiers ou l'insertion directe de code HTML. L'ajustement des propriétés inclut la modification de la taille, l'alignement, l'ajout de bordures et la saisie de texte alternatif.

Comment configurer le logiciel de conception Web Dreamweaver en chinois Comment configurer le logiciel de conception Web Dreamweaver en chinois Apr 09, 2024 am 12:39 AM

Pour définir Dreamweaver sur le chinois, procédez comme suit : Ouvrez Dreamweaver ; modifiez la langue de l'interface utilisateur sur Chinois simplifié ou Chinois traditionnel dans les préférences ; redémarrez Dreamweaver ; consultez l'élément du menu Aide "À propos de Dreamweaver" pour vérifier les paramètres de langue.

Comment définir la police Dreamweaver Comment définir la police Dreamweaver Apr 09, 2024 am 02:54 AM

Vous pouvez définir des polices dans Dreamweaver en sélectionnant une police, une taille et une couleur à l'aide du panneau Propriétés. Utilisez CSS pour définir les polices pour l'ensemble de votre site Web ou pour des éléments spécifiques. Définissez la police directement dans le code HTML à l'aide de la balise "font".

Comment définir la taille du texte dans Dreamweaver Comment définir la taille du texte dans Dreamweaver Apr 09, 2024 am 02:18 AM

Pour définir la taille du texte dans Dreamweaver, il suffit de : Sélectionnez le texte Allez dans le menu Texte Sélectionnez la taille de la police Choisissez la taille souhaitée Appuyez sur Entrée pour enregistrer

Comment ajouter une zone de texte dans Dreamweaver Comment ajouter une zone de texte dans Dreamweaver Apr 09, 2024 am 01:15 AM

Ajouter une zone de texte dans Dreamweaver : ouvrez un nouveau document et insérez un champ de texte de tableau. Définissez les propriétés de la zone de texte, notamment le nom, la hauteur, la largeur et l'habillage, via le panneau Propriétés. Double-cliquez sur la zone de texte pour saisir du texte et utilisez la fonction d'édition de texte pour définir le style du texte. Personnalisez l'apparence et le comportement des zones de texte avec CSS. Utilisez l'onglet HTML du panneau Propriétés pour afficher et modifier le code de la zone de texte.

See all articles