Русский
Код специальных эффектов веб-страницы: когда вы щелкаете мышью по соединению на веб-странице, на веб-странице появляется небольшое персонализированное окно подсказки. Эффект очень хороший!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Окно подсказки, downcodes.com</title> <SCRIPT Language=javascript type=text/javascript> function setCopy(_sTxt){try{clipboardData.setData('Text',_sTxt)}catch(e){}} диалог функции () {вар заголовок = ''; вар ширина = 300; вар src = ""; вар путь = ""; вар sFunc = '<input id="dialogOk" type="button" style ="ширина:62px;высота: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="Отмена" onclick="новый диалог( ).reset();" />'; var sClose = '<input type="image" id="dialogBoxClose" onclick="new диалог().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 = ' <идентификатор таблицы ="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="новый диалог().moveStart(event, 'dialogBox')" style="color:#fff;cursor:move;font-size: 12px;font-weight:bold;">Информация о системных подсказках</td> <td id="dialogClose" width="27" align="right" valign="middle"> ' + sClose + ' </ 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> '; функция $(_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(){}; ; 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); }else{ if($(_sId).act); ){$(_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'); oShadow['style'][' позиция'] = "абсолютный"; oShadow['style']['background'] = "#000"; oShadow['style']['display'] = ""; oShadow['style']['opacity' ] = "0.2"; oShadow['style']['filter'] = "alpha(opacity=20)"; oShadow['style']['top'] = oDialog.offsetTop + 6; oShadow['style' ]['left'] = oDialog.offsetLeft + 6; oShadow['style']['width'] = oDialog.offsetWidth; oShadow['style']['height'] = oDialog.offsetHeight } this.open =; function(_sUrl, _sMode){ this.show(); if(!_sMode || _sMode == "нет" || _sMode == "да"){ $("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) ? (screen.width - _iWidth)/2: 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 + ' , панель инструментов=нет, полоса меню=нет, полосы прокрутки=' + _sMode + ', resizable=no,location=no, status=no'); this.event = function(_sMsg, _sOk, _sCancel, _sClose){ $( 'dialogFunc').innerHTML = sFunc; $('dialogClose').innerHTML = sClose; $('dialogBodyBox') == null $('dialogBody').innerHTML = sBody: function() {}; диалогMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){}; this.show(); this.button('dialogOk', _sOk) $('dialogOk').focus() | : $('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 = 'none'; //_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none'; set = function(_oAttr, _sVal){ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); var oHeight = $('dialogHeight'); if(_sVal != ''){ switch( _oAttr) {case 'title': $('dialogBoxTitle').innerHTML = _sVal; заголовок = _sVal; разрыв; ширина корпуса: oDialog['style']['width'] = _sVal; ширина = _sVal; случай 'высота': oHeight['style']['height'] = _sVal; высота = _sVal; случай 'src': if(parseInt(_sVal) > 0){ $('dialogBoxFace') $(' диалогBoxFace').src = путь + _sVal + '.gif' : function(){}; }else{ $('dialogBoxFace') ? $('dialogBoxFace').src = _sVal : function(){}; = _sVal; перерыв; } } 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 (event, _sId) { var oObj = $ (_sId); oObj.onmousemove = mousemove; oObj.onmouseup = mouseup; oObj.setCapture(): function() {}; oEvent = window.event: var dragData = {x: 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: event; 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: event; oObj.onmouseup = null if (oEvent.clientX; < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight) { oObj.style.left = backData.y; oObj.style.top = backData .x; $('dialogBoxShadow').style.left = backData.y + 6; $('dialogBoxShadow').style.top = backData.x + 6; } oObj.releaseCapture ? oObj.releaseCapture() : function( ) {} } } this.hideModule = function(_sType, _sDisplay) { var aIframe = родитель.document.getElementsByTagName("iframe");aIframe=0; var aType = document.getElementsByTagName(_sType); var iChildObj, iChildLen; 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'] = ''; )['style']['position'] = "absolute"; 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 диалог().event(' URL-адрес библиотеки спецэффектов веб-страницы было скопировано в системный буфер обмена, вы можете использовать (Ctrl+V или правую кнопку мыши) функцию вставки для записи или отправки друзьям через другое программное обеспечение. ','void 0')" href="javascript:;">http://www.downcodes.com Нажмите, чтобы скопировать</A> <SCRIPT Language=javascript type=text/javascript>new Dialog().init( ) ;</SCRIPT> </BODY></HTML>
