


Popup-Formular-Implementierungscode in der unteren rechten Ecke der Webseite_Javascript-Fähigkeiten
May 16, 2016 pm 04:45 PM<!--开始-->
<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 < ;= 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> ;

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

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

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

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?

So richten Sie die automatische Aktualisierung einer Webseite ein

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
