网站首页 > 网页设计教程 > 网页特效 > 控制选择框选择的项目的脚本

控制选择框选择的项目的脚本

作者：互联网
时间：2009-06-18 17:35:56

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

<!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{cl***oardData.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.downcodes.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.downcodes.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.downcodes.com/upfiles/20070815/20070815174316_dialogClose0.gif" border="0" width="17" height="17" onmouseover="th***src='http://www.downcodes.com/upfiles/20070815/20070815174325_dialogCloseF.gif';" onmouseout="th***src='http://www.downcodes.com/upfiles/20070815/20070815174316_dialogClose0.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.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 = ' <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 do***ent.getElementById(_sId)} th***show = function(){$('dialogBodyBox') ? function(){} : th***init();th***middle('dialogBox');th***shadow();} th***reset = function(){th***hideModule('select', '');$('dialogBox').s***e.display='none';$('dialogBoxShadow').s***e.display = "none";$('dialogBody').innerHTML = sBody;} th***html = function(_sHtml){$("dialogBody").innerHTML = _sHtml;th***show();} th***init = function(){ $('dialogCase') ? $('dialogCase').p***ntNode.removeChild($('dialogCase')) : function(){}; var oDiv = do***ent.createElement('span'); oDiv.id = "dialogCase"; oD***innerHTML = sBox; do***ent.body.appendChild(oDiv); } th***button = function(_sId, _sFuc){ if($(_sId)){ $(_sId).s***e.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)}); } } } th***shadow = function(){ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); oShadow['style']['position'] = "absolute"; oShadow['style']['background'] = "#000"; oShadow['style']['display'] = ""; oShadow['style']['opacity'] = "0.2"; oShadow['style']['filter'] = "alpha(opacity=20)"; oShadow['style']['top'] = oD***og.offsetTop + 6; oShadow['style']['left'] = oD***og.offsetLeft + 6; oShadow['style']['width'] = oD***og.offsetWidth; oShadow['style']['height'] = oD***og.offsetHeight; } th***open = function(_sUrl, _sMode){ th***show(); if(!_sMode || _sMode == "no" || _sMode == "yes"){ $("dialogBody").innerHTML = "<iframe id='dialogFrame' width='100%' height='100%' frameborder='0' scrolling='" + _sMode + "'></iframe>"; $("dialogFrame").src = _sUrl; } } th***showWindow = function(_sUrl, _iWidth, _iHeight, _sMode){ var oWindow; var sLeft = (sc***n.width) ? (sc***n.width - _iWidth)/2 : 0; var sTop = (sc***n.height) ? (sc***n.height - _iHeight)/2 : 0; if(wi***w.showModalDialog && _sMode == "m"){ oWindow = wi***w.showModalDialog(_sUrl,"","dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + "px"); } else { oWindow = wi***w.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no'); } } th***event = function(_sMsg, _sOk, _sCancel, _sClose){ $('dialogFunc').innerHTML = sFunc; $('dialogClose').innerHTML = sClose; $('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){}; $('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){}; th***show(); _sOk ? th***button('dialogOk', _sOk) | $('dialogOk').focus() : $('dialogOk').s***e.display = 'none'; _sCancel ? th***button('dialogCancel', _sCancel) : $('dialogCancel').s***e.display = 'none'; _sClose ? th***button('dialogBoxClose', _sClose) : function(){}; //_sOk ? th***button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogOk').s***e.display = 'none'; //_sCancel ? th***button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').s***e.display = 'none'; } this.set = function(_oAttr, _sVal){ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); var oHeight = $('dialogHeight'); if(_sVal != ''){ switch(_oAttr){ case 'title': $('dialogBoxTitle').innerHTML = _sVal; title = _sVal; break; case 'width': oDialog['style']['width'] = _sVal; width = _sVal; break; case 'height': oHeight['style']['height'] = _sVal; height = _sVal; break; case 'src': if(parseInt(_sVal) > 0){ $('dialogBoxFace') ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){}; }else{ $('dialogBoxFace') ? $('dialogBoxFace').src = _sVal : function(){}; } src = _sVal; break; } } th***middle('dialogBox'); oShadow['style']['top'] = oD***og.offsetTop + 6; oShadow['style']['left'] = oD***og.offsetLeft + 6; oShadow['style']['width'] = oD***og.offsetWidth; oShadow['style']['height'] = oD***og.offsetHeight; } th***moveStart = function (event, _sId){ var oObj = $(_sId); oO***onmousemove = mousemove; oO***onmouseup = mouseup; oO***setCapture ? oO***setCapture() : function(){}; oEvent = wi***w.event ? wi***w.event : event; var dragData = {x : oE***t.clientX, y : oE***t.clientY}; var backData = {x : parseInt(oO***style.top), y : parseInt(oO***style.left)}; function mousemove(){ var oEvent = wi***w.event ? wi***w.event : event; var iLeft = oE***t.clientX - dragData["x"] + parseInt(oO***style.left); var iTop = oE***t.clientY - dragData["y"] + parseInt(oO***style.top); oO***style.left = iLeft; oO***style.top = iTop; $('dialogBoxShadow').s***e.left = iLeft + 6; $('dialogBoxShadow').s***e.top = iTop + 6; dragData = {x: oE***t.clientX, y: oE***t.clientY}; } function mouseup(){ var oEvent = wi***w.event ? wi***w.event : event; oO***onmousemove = null; oO***onmouseup = null; if(oE***t.clientX < 1 || oE***t.clientY < 1 || oE***t.clientX > do***ent.body.clientWidth || oE***t.clientY > do***ent.body.clientHeight){ oO***style.left = ba***ata.y; oO***style.top = ba***ata.x; $('dialogBoxShadow').s***e.left = ba***ata.y + 6; $('dialogBoxShadow').s***e.top = ba***ata.x + 6; } oO***releaseCapture ? oO***releaseCapture() : function(){}; } } th***hideModule = function(_sType, _sDisplay){ var aIframe = pa***t.do***ent.getElementsByTagName("iframe");aIframe=0; var aType = do***ent.getElementsByTagName(_sType); var iChildObj, iChildLen; for (var i = 0; i < aT***.length; i++){ aType[i].s***e.display = _sDisplay; } for (var j = 0; j < aI***me.length; j++){ iChildObj = do***ent.frames ? do***ent.frames[j] : aIframe[j].contentWindow; iChildLen = iC***dObj.document.body.getElementsByTagName(_sType).length; for (var k = 0; k < iChildLen; k++){ iC***dObj.document.body.getElementsByTagName(_sType)[k].s***e.display = _sDisplay; } } } th***middle = function(_sId){ do***ent.getElementById(_sId)['style']['display'] = ''; do***ent.getElementById(_sId)['style']['position'] = "absolute"; do***ent.getElementById(_sId)['style']['left'] = (do***ent.body.clientWidth / 2) - (do***ent.getElementById(_sId).offsetWidth / 2); do***ent.getElementById(_sId)['style']['top'] = (do***ent.body.clientHeight / 2 + do***ent.body.scrollTop) - (do***ent.getElementById(_sId).offsetHeight / 2); } } </script> </head> <BODY> <A onclick="setCopy('http://www.downcodes.com');new dialog().event('　　已经把该网页特效库网址复制到系统剪贴板，您可以使用（Ctrl+V或鼠标右键）粘贴功能，通过其他软件记录或发送给您的朋友。','void 0')" href="javascript:;">http://www.downcodes.com 点击复制 </A> <SCRIPT language=javascript type=text/javascript>new dialog().init();</SCRIPT> </BODY></HTML>

上一篇：在一个输入文字的区域出现一个居中的背景图片

下一篇：用虚线做的表格[网页特效]

控制选择框选择的项目的脚本

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏