JS表单提示效果代码(dldtdd结构).doc

JS表单提示效果代码（dl/dt/dd结构）JS表单提示效果代码（dl/dt/dd结构dl font:normal 12px/15px Arial;position: relative;width: 350px;dt clear: both;float:left;width: 130px;padding: 4px 0 2px 0;text-align: left;dd float: left;width: 200px;margin: 0 0 8px 0;padding-left: 6px;/* The hint to Hide and Show */.hint display: none;position: absolute;right: -250px;width: 200px;margin-top: -4px;border: 1px solid #c93;padding: 10px 12px;/* to fix IE6, I cant just declare a background-color,I must do a bg image, too! So Im duplicating the pointer.gifimage, and positioning it so that it doesnt show upwithin the box */background: #ffc url(http:/51/uploads/soft/texiao/biaodantishi/ico01.gif) no-repeat -10px 5px;/* The pointer image is hadded by using another span */.hint .hint-pointer position: absolute;left: -10px;top: 5px;width: 10px;height: 19px;background: url(http:/51/uploads/soft/texiao/biaodantishi/ico01.gif) left top no-repeat;function addLoadEvent(func) var oldonload = window.onload; if (typeof window.onload != function) window.onload = func; else window.onload = function() oldonload(); func(); function prepareInputsForHints() var inputs = document.getElementsByTagName(input);for (var i=0; iinputs.length; i+)/ test to see if the hint span exists firstif (inputsi.parentNode.getElementsByTagName(span)0) / the span exists! on focus, show the hintinputsi.onfocus = function () this.parentNode.getElementsByTagName(span)0.style.display = inline;/ when the cursor moves away from the field, hide the hintinputsi.onblur = function () this.parentNode.getElementsByTagName(span)0.style.display = none;/ repeat the same tests as above for selectsvar selects = document.getElementsByTagName(select);for (var k=0; kselects.length; k+)if (selectsk.parentNode.getElementsByTagName(span)0) selectsk.onfocus = function () this.parentNode.getElementsByTagName(span)0.style.display = inline;selectsk.onblur = function () this.parentNode.getElementsByTagName(span)0.style.display = none;addLoadEvent(prepareInputsForHints);鼠标定位在表单中看看神奇的效果吧 (o)/First Name:解放出你的部分写代码时间来思考更高层次的设计. Last Name:解放出你的部分写代码时间来思考更高层次的设计. Email:解放出你的部分写代码时间来思考更高层次的设计. Birth Year:YYYY1066149217761812191719421999解放出你的部分写代码时间来思考更高层次的