Texte en mouvement (Marquee)_Échange d'expérience

La balise Marquee est utilisée pour faire défiler le texte dans la zone de navigation disponible. Cette balise s'applique uniquement à IE3 et aux versions ultérieures du navigateur.
Format :
MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…" "
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
GN : utilisé pour appuyer sur le bouton Aligner le texte défilant sur une valeur spécifiée. Les valeurs qui peuvent être définies pour ALIGN sont : LEFT, CENTER, RIGHT, TOP et BOTTOM. Cette propriété n'est pas obligatoire.
Exemple :
Ce texte défilant est défini sur l'alignement supérieur Laissez le navigateur traiter le texte selon la méthode définie. Si la méthode est définie sur SLIDE, le texte se déplace sur le document et reste dans les marges. S'il est défini sur ALTERNATE, le texte se déplace d'un côté à l'autre. S'il est réglé sur SCROLL, le texte défilera à plusieurs reprises sur la page. Cet attribut n'est pas obligatoire. Les valeurs pouvant être définies sont : SILIDE, ALTERNATE, SCROLL.
Exemple :
Le texte se déplace d'un côté à l'autre La couleur d'arrière-plan peut être définie en RVB, au format de valeur hexadécimale ou en nom de couleur.
Exemple :
La valeur hexadécimale définit la couleur d'arrière-plan du texte défilant sur rouge
　Utilise RVB pour définir la couleur d'arrière-plan du texte défilant sur rouge MARQUEE>
　 DIRECTION : Utilisé pour définir la direction du défilement du texte. Les valeurs pouvant être définies sont : GAUCHE, DROITE. Cette propriété n'est pas obligatoire.
Exemple :
🎜>　
HAUTEUR : Utilisé pour définir la hauteur des sous-titres défilants. La hauteur peut être exprimée en pixels ou en pourcentage de la page visible. Cette propriété n'est pas obligatoire.
Exemple :
La hauteur est de 12 pixels
Cette propriété n'est pas obligatoire.
Exemple :
La largeur est de 200 pixels
Cette propriété n'est pas obligatoire.
Exemple :
, l'espace vide est exprimé en pixels. Cette propriété n'est pas obligatoire.
Exemple :
. Lorsque la valeur de LOOP est "INFINITE" ou "-1", le texte défilera indéfiniment. Cette propriété n'est pas obligatoire.
Exemple :

　
　SCROLLAMOUNT : permet de définir l'intervalle derrière chaque texte à défilement continu, l'intervalle est exprimé en pixels. Cette propriété n'est pas obligatoire.
Exemple :
temps d'intervalle en millisecondes. Cette propriété n'est pas obligatoire.
Exemple :
Utilisé pour que la souris continue de défiler lorsqu'elle quitte la zone
ONMOUSEOVER=this.stop() : Utilisé pour que la souris arrête de défiler lorsqu'elle entre dans la zone
Javascript implémente le défilement continu

<div id="demo" style="overflow:hidden;height :200px;width :95px;background-color:white;color:#ffffff; border-width :1px 1px 1px 1px;border-style :dotted dotted dotted dotted;border-color :black black black black;" align="center"> <div id="demo1"> <!-- 定义图片 --> <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" ><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > <img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" alt="Texte en mouvement (Marquee)_Échange d'expérience" > </div> <div id="demo2"></div> </div>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ] Défilement classique des messages du forum

[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

<style type="text/css"> a {text-decoration: none;} </style>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]

Copier le code Le code est le suivant :

var marqueeContent=new Array();
marqueeContent[0]='刷新列表';
    CALL online_users
    sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
    Set rs = conn.execute(sql)
    If NOT (rs.eof AND rs.bof) Then
        count=1
        do while not rs.eof
%>
marqueeContent[]='">';
            count=count+1
        loop
    End If
    rs.close
    set rs=nothing
    conn.close
    set conn=nothing
%>

<script language="JavaScript" defer> //code by windy_sk <windy_sk@126.com> 20040127 var obj_marquee = document.getElementById("marquee"); var marquee_spd = 4000; var step_c = 0; function marquee_init() { var obj_unit = obj_marquee.firstChild; var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight); for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true)); return; } function marquee_show() { var marquee_high = parseInt(obj_marquee.style.height); var step = marquee_high/10; if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) { obj_marquee.scrollTop = 0; marquee_show(); return; } obj_marquee.scrollTop += step; if(step_c++ < 9) setTimeout("marquee_show()", 50); return; } marquee_init(); setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd); </script> <table style="border:1px black solid;"><tr><td> <div id="marquee" style="overflow:hidden;height:60px;width:210px;border:0px;padding:0px;"> <div style="border:0px;padding:0px"> <!-- Marquee Body Head --> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.kdt.cn/kdt/introduce.php"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/kdt/206.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Texte en mouvement (Marquee)_Échange d'expérience" ></a> 这个是广告~~~~~~~~~ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.idc2008.com/index5.htm"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/idc2008/208X33.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Texte en mouvement (Marquee)_Échange d'expérience" ></a> 这个也是广告~~~~~~~~~~~~~~~~ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://www.qycity.com/"><img src="/static/imghwm/default1.png" data-src="http://www.blueidea.com/gg/qycity/blueidea.gif?x-oss-process=image/resize,p_40" class="lazy" border="0" style="max-width:90%" alt="Texte en mouvement (Marquee)_Échange d'expérience" ></a> 这个怎么还是广告？？？？？？ </div> <div style="height:60px;width:210px;font-size:12px"> <a href="http://bbs.blueidea.com/profile-username-windy2000.html"><img src="" border="0" alt="Texte en mouvement (Marquee)_Échange d'expérience" > Windy2000</a> 也给自己做个广告~~~~~~~~~~ </div> <!-- Marquee Body Bottom --> </div> </div> </td></tr></table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

<script language="JavaScript" defer> //qswh's original and modifid by windy_sk <windy_sk@126.com> 20040120 function reportError(msg,url,line) { var str = "You have found an error as below: \n\n"; str += "Err: " + msg + " on line: " + line; alert(str); return true; } window.onerror = reportError; var obj_marquee = document.getElementById("marquee"); var repeat = null; var marquee_spd = 50; function marquee_init() { var obj_unit = obj_marquee.firstChild; var marquee_high = parseInt(obj_marquee.style.height); var marquee_wide = parseInt(obj_marquee.style.width); var unit_high = obj_unit.offsetHeight; var unit_wide = obj_unit.offsetWidth; var m = 0, n = 0, i = 0; var tmp = null; m = Math.ceil(marquee_wide / unit_wide); n = Math.ceil(marquee_high / unit_high); obj_unit.style.width = marquee_wide * (m+1); obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width; for(i=0; i<m; i++) { tmp = obj_unit.rows[0].insertCell(-1); tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML; tmp.style.width = marquee_wide; tmp = null; } for(i=0; i<n; i++) { obj_marquee.appendChild(obj_unit.cloneNode(true)); } return; } function marquee_show(direction) { switch(direction) { case "up": if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) { obj_marquee.scrollTop -= obj_marquee.firstChild.offsetHeight; } else { obj_marquee.scrollTop++; } break; case "down": if(obj_marquee.scrollTop <= 0) { obj_marquee.scrollTop += obj_marquee.firstChild.offsetHeight; } else { obj_marquee.scrollTop--; } break; case "left": if(obj_marquee.scrollLeft >= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) { obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetWidth; } else { obj_marquee.scrollLeft++; } break; case "right": if(obj_marquee.scrollLeft <= 0) { obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetWidth; } else { obj_marquee.scrollLeft--; } break; default: break; } return; } function marquee_doit() { var direction = ""; direction = obj_marquee.getAttribute("direction"); if(direction != null) marquee_show(direction); direction = obj_marquee.getAttribute("direction2"); if(direction != null) marquee_show(direction); return; } marquee_init(); repeat = setInterval("marquee_doit()",marquee_spd); marquee.onmouseover = function() {clearInterval(repeat);} marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);} </script> <table style="border:1px black solid;"><tr><td> <div id="marquee" direction="up" style="overflow:hidden;height:200px;width:250px"> <table style="border:0px;padding:0px;"><tr><td> <!-- Marquee Body Head --> <a href="#" target="_blank">经典论坛</a> <a href="#" target="_blank">163.com</a> <a href="#" target="_blank">21cn.com</a> <a href="#" target="_blank">Happy new year</a> <!-- Marquee Body Bottom --> </td></tr></table> </div> </td></tr></table>Direction1 : <input type="button" value="↑" onclick="obj_marquee.direction='up'"> <input type="button" value="↓" onclick="obj_marquee.direction='down'"> <input type="button" value="←" onclick="obj_marquee.direction='left'"> <input type="button" value="→" onclick="obj_marquee.direction='right'"> <input type="button" value=" X " onclick="obj_marquee.direction=''"> Direction2 : <input type="button" value="↑" onclick="obj_marquee.direction2='up'"> <input type="button" value="↓" onclick="obj_marquee.direction2='down'"> <input type="button" value="←" onclick="obj_marquee.direction2='left'"> <input type="button" value="→" onclick="obj_marquee.direction2='right'"> <input type="button" value=" X " onclick="obj_marquee.direction2=''">
[Ctrl+A pour tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez l'actualiser pour l'exécuter ]