【网页特效-时间特效】非常实用的作为表单输入日期选择的特效.doc

【网页特效-时间特效】非常实用的作为表单输入日期选择的特效 html title非常实用的选择输入日期的特效Ｑ291911320/title head script language=javascript !-- //==================================================== 参数设定部分 ======================================================= var bMoveable=true; //设置日历是否可以拖动 var _VersionInfo=Version:2.0 //版本信息 //==================================================== WEB 页面显示部分 ===================================================== var strFrame; //存放日历层的HTML代码 document.writeln(iframe bgcolor=#000000 id=webjxDateLayer Author=wayx frameborder=0 style=position: absolute; width: 186; height: 247; z-index: 9998; display: none/iframe); strFrame=style; strFrame+=INPUT.button{BORDER-RIGHT: #B3C9E1 1px solid;BORDER-TOP: #B3C9E1 1px solid;BORDER-LEFT: #B3C9E1 1px solid;; strFrame+=BORDER-BOTTOM: #ff9900 1px solid;BACKGROUND-COLOR: #EDF2F8;font-family:宋体;}; strFrame+=TD{FONT-SIZE: 9pt;font-family:宋体;}; strFrame+=/style; strFrame+=scr + ipt; strFrame+=var datelayerx,datelayery; /*存放日历控件的鼠标位置*/; strFrame+=var bDrag; /*标记是否开始拖动*/; strFrame+=function document.onmousemove() /*在鼠标移动事件中，如果开始拖动日历，则移动日历*/; strFrame+={if(bDrag window.event.button==1); strFrame+= {var DateLayer=parent.document.all.webjxDateLayer.style;; strFrame+= DateLayer.posLeft += window.event.clientX-datelayerx;/*由于每次移动以后鼠标位置都恢复为初始的位置，因此写法与div中不同*/; strFrame+= DateLayer.posTop += window.event.clientY-datelayery;}}; strFrame+=function DragStart() /*开始日历拖动*/; strFrame+={var DateLayer=parent.document.all.webjxDateLayer.style;; strFrame+= datelayerx=window.event.clientX;; strFrame+= datelayery=window.event.clientY;; strFrame+= bDrag=true;}; strFrame+=function DragEnd(){ /*结束日历拖动*/; strFrame+= bDrag=false;}; strFrame+=/scr + ipt; strFrame+=div style=z-index:9999;position: absolute; left:0; top:0; onselectstart=return falsespan id=tmpSelectYearLayer Author=wayx style=z-index: 9999;position: absolute;top: 3; left: 19;display: none/span; strFrame+=span id=tmpSelectMonthLayer Author=wayx style=z-index: 9999;position: absolute;top: 3; left