鼠标单击连接在网页中弹出个性提示小窗口-鼠标事件特效

来源:模板无忧作者:佚名更新时间:2008-02-17点击:

网页特效代码，当在网页中用鼠标单击连接时，在网页中弹出个性提示小窗口。效果相当不错哦！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>提示窗口，mb5u.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.mb5u.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.mb5u.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="http:\/\/www.mb5u.com\/upfiles\/20070815\/20070815174316_dialogClose0.gif" border="0" width="17" height="17" onmouseover="this.src=\'http:\/\/www.mb5u.com\/upfiles\/20070815\/20070815174325_dialogCloseF.gif\';" onmouseout="this.src=\'http:\/\/www.mb5u.com\/upfiles\/20070815\/20070815174316_dialogClose0.gif\';" align="absmiddle" />'; var sBody = '\ <table id="dialogBodyBox" border="0" align="left" cellpadding="0" cellspacing="0">\ <tr height="10"><td colspan="4"></td></tr>\ <tr>\ <td width="10"></td>\ <td width="80" align="left" valign="absmiddle"><img id="dialogBoxFace" src="http:\/\/www.mb5u.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="left"></td></tr>\ <tr><td id="dialogFunc" colspan="4" align="left">' + sFunc + '</td></tr>\ <tr height="10"><td colspan="4" align="left"></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.displ</body></html>

鼠标事件特效

鼠标单击连接在网页中弹出个性提示小窗口-鼠标事件特效

最新鼠标事件特效

推荐鼠标事件特效