Heim Web-Frontend js-Tutorial Popup-Formular-Implementierungscode in der unteren rechten Ecke der Webseite_Javascript-Fähigkeiten

Popup-Formular-Implementierungscode in der unteren rechten Ecke der Webseite_Javascript-Fähigkeiten

May 16, 2016 pm 04:45 PM
右下角 网页

Code kopieren Der Code lautet wie folgt:

<!--开始-->
<style type="text/css">
#msg_win{position:absolute;right:0px;display:none;overflow:hidden;z-index:99;border:1px solid #c00;background:#F9EFFC;width:210px;font-size:12px;margin:0px;}
#msg_win .icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}
.icos a{float:left;color:#FFFFFF;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;}
.icos a:hover{color:#FFCC00;}
#msg_title{background:#FA6705;border-bottom:1px solid #710B97;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#FFFFFF;height:25px;line-height:25px;text-indent:5px;font-weight:bold;}
#msg_content{margin:1px;margin-right:0;width:210px;height:160px;overflow:hidden; text-align:center}
</style>
<!--结束-->

<div id="msg_win" style="display:block;top:503px;visibility:visible;opacity:1;">
<div class="icos"><a id="msg_min" title="最小化" href="javascript:void 0">_</a><a id="msg_close" title="关闭" href="javascript:void 0">×</a></div>
<div id="msg_title">标题
</div>
<div id="msg_content">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="210" height="160">
<param name="movie" value="flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1"/>
<param name="quality" value="high"/>
<param name="allowFullScreen" value="true" />
<embed src="flvplayer.swf?vcastr_file=userlogin/video/qlg.flv&IsAutoPlay=1" allowFullScreen="true" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="210" height="160"></embed>
</object>
</div>
</div>
<script type="text/javascript">
var Message = {
set: function () {//Minimieren und Statusumschaltung wiederherstellen
var set = this.minbtn == 1 ? [0, 1, 'block', this.char[0], 'minimize'] : [1, 0, 'none', this.char[1], 'restore']; .minbtn.status = set[0];
this.win.style.borderBottomWidth = set[1];
this.content.style.display = set[2]; = set[3]
this.minbtn.title = set[4];
this.win.style.top = this.getY().top},
close: function ( ) {//Close
this.win.style.display = 'none';
document.all.xhs1.stop();
window.onscroll =
},
setOpacity: function (x) {//Transparenz festlegen
var v = x >= 100 ? '' : 'Alpha(opacity=' x ')'
this.win.style.visibility = x &lt ;= 0 ? 'hidden' : 'visible'; //IE hat einen Fehler, bei dem sich der absolute oder relative Positionierungsinhalt mit der übergeordneten Transparenz nicht ändert
this.win .style .opacity = x / 100;
},
show: function () {//Fade in
clearInterval(this.timer2);
var me = this, fx = this.fx (0 , 100, 0,1), t = 0;
this.timer2 = setInterval(function () {
t = fx();
me.setOpacity(t[0]);
if ( t[1] == 0) { clearInterval(me.timer2) }
}, 6); //10 bis 6
},
fx: function (a, b, c) { // Pufferberechnung
var cMath = Math[(a - b) > 0 ? "floor" : "ceil"], c = c || 0.1; return [a = cMath (( b - a) * c), a - b] }
},
getY: function () {//Berechnen Sie die Bewegungskoordinaten
var d = document, b = document.body, e = document.documentElement;
var s = Math.max(b.scrollTop, e.scrollTop);
var h2 = this.win.offsetHeight;
return { foot: s h h2 2 'px', top: s h - h2 - 2 'px' }
},
moveTo: function (y ) {/ /Move-Animation
clearInterval(this.timer);
var me = this, a = parseInt(this.win.style.top) ||
var fx = this.fx( a, parseInt (y));
var t = 0;
this.timer = setInterval(function () {
t = fx();
me.win.style.top = t [0] 'px';
if (t[1] == 0) {
clearInterval(me.timer);
}
}, 6 ); / /10 bis 6
},
bind: function () {//Fenster-Bildlaufleiste und Größenänderungsereignis binden
var me = this, st, rt;
window.onscroll = function ( ) {
clearTimeout(st);
clearTimeout(me.timer2);
me.setOpacity(0);
st = setTimeout(function () {
me.win. style.top = me.getY().top;
me.show(); //600 mod 100
};
clearTimeout(rt);
rt = setTimeout(function () { me.win.style.top = me.getY().top },
}
},
init : function () {//Create HTML
function $(id) { return document.getElementById(id) }; minbtn: 'msg_min', closebtn: 'msg_close', Titel: 'msg_title', Inhalt: 'msg_content' };
for (var Id in set) { this[Id] = $(set[Id]) };
var me = this;
this.minbtn.onclick = function () { me.set();
this.closebtn.onclick = function () { me.close () };
this.char = navigator.userAgent.toLowerCase().indexOf('firefox') 1 ? , ' r']; //FF unterstützt keine Webdings-Schriftarten
this.minbtn.innerHTML = this.char[0];
this.closebtn.innerHTML = this.char[2]; (function ( ) {//Initialisiere die erste Position
me.win.style.display = 'block';
me.win.style.top = me.getY().foot;
me. moveTo(me .getY().top);
return this;
}
Message.init();
</script&gt ;

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop? Mar 14, 2024 pm 05:22 PM

Wie sende ich Webseiten als Verknüpfung im Edge-Browser an den Desktop?

Entwickeln Sie ein Web-Abstimmungssystem mit JavaScript Entwickeln Sie ein Web-Abstimmungssystem mit JavaScript Aug 09, 2023 pm 01:30 PM

Entwickeln Sie ein Web-Abstimmungssystem mit JavaScript

Wie entferne ich das Wasserzeichen der Testkopie in der unteren rechten Ecke von win11 24H2? Tipps zum Entfernen der Testkopie in der unteren rechten Ecke von win11 Wie entferne ich das Wasserzeichen der Testkopie in der unteren rechten Ecke von win11 24H2? Tipps zum Entfernen der Testkopie in der unteren rechten Ecke von win11 Jun 01, 2024 pm 09:52 PM

Wie entferne ich das Wasserzeichen der Testkopie in der unteren rechten Ecke von win11 24H2? Tipps zum Entfernen der Testkopie in der unteren rechten Ecke von win11

Mögliche Gründe, warum die Netzwerkverbindung normal ist, der Browser jedoch nicht auf die Webseite zugreifen kann Mögliche Gründe, warum die Netzwerkverbindung normal ist, der Browser jedoch nicht auf die Webseite zugreifen kann Feb 19, 2024 pm 03:45 PM

Mögliche Gründe, warum die Netzwerkverbindung normal ist, der Browser jedoch nicht auf die Webseite zugreifen kann

Was tun, wenn die Webseite nicht aufgerufen werden kann? Was tun, wenn die Webseite nicht aufgerufen werden kann? Sep 06, 2023 am 09:36 AM

Was tun, wenn die Webseite nicht aufgerufen werden kann?

So richten Sie die automatische Aktualisierung einer Webseite ein So richten Sie die automatische Aktualisierung einer Webseite ein Oct 26, 2023 am 10:52 AM

So richten Sie die automatische Aktualisierung einer Webseite ein

Was tun, wenn die Webseite nicht geöffnet werden kann? Was tun, wenn die Webseite nicht geöffnet werden kann? Feb 21, 2024 am 10:24 AM

Was tun, wenn die Webseite nicht geöffnet werden kann?

Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen Mar 15, 2024 am 10:30 AM

Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden können? 6 Lösungen

See all articles