Script qui contrôle les éléments sélectionnés par la zone de sélection

Auteur：Eve Cole Date de mise à jour：2009-06-18 17:35:56

Code d'effets spéciaux de page Web, lorsque vous cliquez sur une connexion avec la souris sur la page Web, une petite fenêtre d'invite personnalisée apparaîtra sur la page Web. L'effet est plutôt bon !

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Fenêtre d'invite, downcodes.com</title> <SCRIPT language=javascript type=text/javascript> function setCopy(_sTxt){try{clipboardData.setData('Text',_sTxt)}catch(e){}} function dialog(){ var titre = ''; var largeur = 300; var hauteur = 180; var src = ""; var sFunc = '<input id="dialogOk" type="bouton" style ="largeur:62px;hauteur:22px;border:0;background:url('http://www.downcodes.com/upfiles/20070815/20070815174335_smb_btn_bg.gif');line-height : 20px;" value="Confirm" onclick="new dialog().reset();" /> <input id="dialogCancel" type="button" style="width:62px;height:22px;border:0; background:url('http://www.downcodes.com/upfiles/20070815/20070815174335_smb_btn_bg.gif');line-height:20px;" value="Annuler" onclick="nouvelle boîte de dialogue ( .reset();" />'; var sClose = '<input type="image" id="dialogBoxClose" onclick="new dialog().reset();" src="http://www .downcodes.com/upfiles/20070815/20070815174316_dialogClose0.gif" border="0" width="17" height="17" onmouseover="this.src='http://www.downcodes. com/upfiles/20070815/20070815174325_dialogCloseF.gif';" onmouseout="this.src='http://www.downcodes.com/upfiles/20070815/20070815174316_dialogClose0.gif'; " align="absmiddle" />'; var sBody = ' <table id="dialogBodyBox" border="0" align="center" cellpadding="0" Cellpacing="0"> <tr height="10 "><td colspan="4"></td></tr> <tr> <td width="10"></td> <td width="80" align="center" valign= "absmiddle"><img id="dialogBoxFace" src="http://www.downcodes.com/upfiles/20070815/20070815174300_3.gif" /></td> <td id="dialogMsg " style="font-size:12px;color:#000;"></td> <td width="10"></td> </tr> <tr height="10"><td colspan="4" align="center"></td></tr> <tr><td id="dialogFunc" colspan="4" align="center">' + sFunc + '</td> </tr> <tr height="10"><td colspan="4" align="center"></td></tr> </table> '; var sBox = ' <identifiant de la table ="dialogBox" width="' + width + '" border="0" cellpadding="0" Cellpacing="0" style="border:1px solid #000;display:none;z-index:10;"> <tr height="1" bgcolor="#D6E3EB"><td></td></tr> <tr height="25" bgcolor="#6795B4"> <td> <table onselectstart= "return false;" style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellpacing="0"> <tr> <td width=" 6"></td> <td id="dialogBoxTitle" onmousedown="new dialog().moveStart(event, 'dialogBox')" style="color:#fff;cursor:move;font-size: 12px;font-weight:bold;">Informations sur l'invite système</td> <td id="dialogClose" width="27" align="right" valign="middle"> ' + sFermer + ' </ td> <td width="6"></td> </tr> </table> </td> </tr> <tr height="2" bgcolor="#EDEDED"> <td></td></tr> <tr id="dialogHeight" style="height:' + height + '"> <td id="dialogBody" style="background:#fff;color:# 000;">' + sBody + '</td> </tr> </table> <div id="dialogBoxShadow" style="display:none;z-index:9;"></div> '; function $(_sId){return document.getElementById(_sId)} this.show = function(){$('dialogBodyBox') function(){} : this.init();this.middle('dialogBox ');this.shadow();} this.reset = function(){this.hideModule('select', '');$('dialogBox').style.display='none';$('dialogBoxShadow' ).style.display = "none";$('dialogBody').innerHTML = sBody;} this.html = function(_sHtml){$("dialogBody").innerHTML = _sHtml;this.show();} this .init = function(){ $('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){}; var oDiv = document.createElement('span') ; oDiv.id = "dialogCase"; oDiv.innerHTML = sBox; document.body.appendChild(oDiv); } this.button = function(_sId, _sFuc){ if($(_sId)){ $(_sId).style .display = ''; if($(_sId).addEventListener){ if($(_sId).act){$(_sId).removeEventListener('click', function(){eval($(_sId).act) }, false);} $(_sId).act = _sFuc; $(_sId).addEventListener('click', function(){eval(_sFuc)}, false); ){$(_sId).detachEvent('onclick', function(){eval($(_sId).act)});} $(_sId).act = _sFuc; $(_sId).attachEvent('onclick', function(){eval(_sFuc)}); } } } this.shadow = function(){ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); position'] = "absolu"; oShadow['style']['background'] = "#000"; oShadow['style']['display'] = ""; ] = "0.2"; oShadow['style']['filter'] = "alpha(opacity=20)"; oShadow['style']['top'] = oDialog.offsetTop + 6; ]['left'] = oDialog.offsetLeft + 6; oShadow['style']['width'] = oDialog.offsetWidth; oShadow['style']['height'] = oDialog.offsetHeight } this.open = function(_sUrl, _sMode){ this.show(); if(!_sMode || _sMode == "non" || _sMode == "oui"){ $("dialogBody").innerHTML = "<iframe id=' dialogFrame' width='100%' height='100%' frameborder='0' scrolling='" + _sMode + "'></iframe>"; $("dialogFrame").src = _sUrl; } } this. showWindow = function(_sUrl, _iWidth, _iHeight, _sMode){ var oWindow; var sLeft = (screen.width - _iWidth)/2 : 0; var sTop = (screen.height) ? - _iHeight)/2 : 0; if(window.showModalDialog && _sMode == "m"){ oWindow = window.showModalDialog(_sUrl,"","dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + " px"); } else { oWindow = window.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ' , barre d'outils = non, barre de menu = non, barres de défilement = ' + _sMode + ', redimensionnable = non, emplacement = non, statut = non'); this.event = function (_sMsg, _sOk, _sCancel, _sClose){ $( 'dialogFunc').innerHTML = sFunc; $('dialogClose').innerHTML = sClose; $('dialogBodyBox') == null $('dialogBody').innerHTML = sBody : function(){}; dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){}; _sOk this.button('dialogOk', _sOk) | : $('dialogOk').style.display = 'none'; _sCancel ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none'; 'dialogBoxClose', _sClose) : function(){}; //_sOk ? this.button('dialogOk', _sOk) : _sOk == "" function(){} : $('dialogOk').style.display = 'aucun'; //_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'aucun' } this. set = function(_oAttr, _sVal){ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); var oHeight = $('dialogHeight'); _oAttr){ case 'titre' : $('dialogBoxTitle').innerHTML = _sVal; titre = _sVal; break; cas 'hauteur' : oHauteur['style']['hauteur'] = _sVal; hauteur = _sVal; cas 'src' : if(parseInt(_sVal) > 0){ $('dialogBoxFace') $(' dialogBoxFace').src = chemin + _sVal + '.gif' : function(){}; }else{ $('dialogBoxFace').src = _sVal : function(){} } src = _sVal; break; } } this.middle('dialogBox'); oShadow['style']['top'] = oDialog.offsetTop + 6; oShadow['style']['left'] = oDialog.offsetLeft + 6; oShadow['style']['width'] = oDialog.offsetWidth; oShadow['style']['height'] = oDialog.offsetHeight; } this.moveStart = function (événement, _sId){ var oObj = $ (_sId); oObj.onmousemove = mousemove; oObj.onmouseup = mouseup; oObj.setCapture() : function(){}; oEvent.clientX, y : oEvent.clientY}; var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)}; function mousemove(){ var oEvent = window.event ? window.event : événement; var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left); var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top) ); oObj.style.left = iLeft; oObj.style.top = iTop; $('dialogBoxShadow').style.left = iLeft + 6; $('dialogBoxShadow').style.top = iTop + 6; {x: oEvent.clientX, y: oEvent.clientY}; } function mouseup(){ var oEvent = window.event ? window.event : événement; < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){ oObj.style.left = backData.y; .x; $('dialogBoxShadow').style.left = backData.y + 6; $('dialogBoxShadow').style.top = backData.x + 6; } oObj.releaseCapture() : fonction( ){}; } } this.hideModule = function(_sType, _sDisplay){ var aIframe = parent.document.getElementsByTagName("iframe");aIframe=0; var aType = document.getElementsByTagName(_sType); for (var i = 0; i < aType.length; i++){ aType[i].style.display = _sDisplay; } for (var j = 0; j < aIframe.length; j++){ iChildObj = document.frames ? document.frames[j] : aIframe[j].contentWindow; iChildLen = iChildObj.document.body.getElementsByTagName(_sType).length; for (var k = 0; k < iChildLen; k++){ iChildObj.document.body.getElementsByTagName (_sType)[k].style.display = _sDisplay; } } } this.middle = function(_sId){ document.getElementById(_sId)['style']['display'] = ''; document.getElementById(_sId )['style']['position'] = "absolu"; document.getElementById(_sId)['style']['left'] = (document.body.clientWidth / 2) - (document.getElementById(_sId) .offsetWidth / 2); document.getElementById(_sId)['style']['top'] = (document.body.clientHeight / 2 + document.body.scrollTop) - (document.getElementById(_sId).offsetHeight / 2 ); } } </script> </head> <BODY> <A onclick="setCopy('http://www.downcodes.com');new dialog().event(' L'URL de la bibliothèque d'effets spéciaux de la page Web a été copié dans le presse-papiers du système, vous pouvez utiliser la fonction Coller (Ctrl+V ou bouton droit de la souris) pour enregistrer ou envoyer à vos amis via d'autres logiciels. ','void 0')" href="javascript:;">http://www.downcodes.com Cliquez pour copier</A> <SCRIPT language=javascript type=text/javascript>new dialog().init( ) ;</SCRIPT> </BODY></HTML>