鼠标单击连接在网页中弹出个性提示小窗口
网页特效代码，当在网页中用鼠标单击连接时，在网页中弹出个性提示小窗口。效果相当不错哦！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>提示窗口，webjx.com</title>
<SCRIPT language=javascript type=text/javascript>
function setCopy(_sTxt){try{clipboardData.setData('Text',_sTxt)}catch(e){}}
function dialog(){
var titile = '';
var width = 300;
var height = 180;
var src = "";
var path = "";
var sFunc = '<input id="dialogOk" type="button" style="width:62px;height:22px;border:0;background:url('http://www.webjx.com/upfiles/20070815/20070815174335_smb_btn_bg.gif');line-height:20px;" value="确认" onclick="new dialog().reset();" /> <input id="dialogCancel" type="button" style="width:62px;height:22px;border:0;background:url('http://www.webjx.com/upfiles/20070815/20070815174335_smb_btn_bg.gif');line-height:20px;" value="取消" onclick="new dialog().reset();" />';
var sClose = '<input type="image" id="dialogBoxClose" onclick="new dialog().reset();" src="/uploads/allimg/080320/2129111.gif" border="0" width="17" height="17" onmouseover="this.src='/uploads/allimg/080320/2129110.gif';" onmouseout="this.src='/uploads/allimg/080320/2129111.gif';" align="absmiddle" />';
var sBody = '
<table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="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.webjx.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 = '
<table id="dialogBox" width="' + width + '" border="0" cellpadding="0" cellspacing="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" cellspacing="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;">系统提示信息</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>
';
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(){};
关注此文读者还看过
- powered by www.hack1st.com online services. all rights reserved.京ICP备07005766号