communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > développement back-end > tutoriel php > 做一个有下拉功能的留言版

做一个有下拉功能的留言版

WBOY
Libérer： 2016-06-01 14:30:04
original
778 Les gens l'ont consulté
留言版里有太长的留言的话会把页面撑的很长的，大家对那些很长的留言版是不是觉得看的不舒服，每次都要点很多次滚动条。
如果每次一开始只出现标题，点击标题就会在下方出现内容（注意不是弹出窗口），这样的话是不是很不错呢！
接下来我们就看看如何实现：
首先要对各个标题和内容设上ID，这是第一个留言的ID设置，我们把标题的ID设为td1，内容为tdd1，接下去相同。
　　
　这里是标题
　 


　这里是内容
　

关闭
　

　


"onclick=goit(tdd1) onmouseout=noit(td1) onmouseover=onit(td1)"
这三句就是mouse的事件，noit()和onit()只是改变颜色，goit()就是打开或关闭内容的函数，具体函数在下：



最后不要忘了，初始化你的页面，就是把内容先隐藏起来“
Étiquettes associées：
做一个有下拉功能的留言版
source：php.cn
Article précédent：聊天室php&mysql(五) Article suivant：打造计数器DIY三步曲（中）
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2229
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2372
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1984
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1869
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1939
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal