《2022年javascript制作浮动的工具条CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年javascript制作浮动的工具条CSSHTML教程.docx（13页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年javascript制作浮动的工具条CSSHTML教程该程序是我从别人的网站上分析出来的！由于对方的网站运用了框架，而且又取消了鼠标的右键功能，因此费了好长时间！当你阅读该页时，工具条始终浮在左上角，你若不喜爱，可以自己调整摆放位置！若想多页运用该代码，可以把JSP程序部分写成JS的文件，然后再通过调用来实现，有不明白的地方，欢迎各位与我沟通！<HTML><HEAD><TITLE></TITLE><META http-equiv=Content-Type content=text/html; charset=gb2312&
2、gt;<STYLE type=text/css>.wdBlack{ font-size:9pt; line-height:11pt; font-family:宋体; color:black }.wdGray{ font-size:9pt; line-height:11pt; font-family:宋体; color:#CCCCCC }.wdBlue{ font-size:9pt; line-height:11pt; font-family:宋体; color:#2F8BDF }.wdRed{ font-size
3、:9pt; line-height:11pt; font-family:宋体; color:red }.wdWhite{ font-size:9pt; line-height:11pt; font-family:宋体; color:white }.moveme{cursor: move;}.handle{cursor: move;}.coolBar{background: #fffffc;border-top: 1px solid buttonhighlight; border-left: 1px solid bu
4、ttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; padding: 2px; font: menu;}.coolButton{font-size:9pt;border: 1px solid buttonface; padding: 1px; text-align: center; cursor: hand;color:#555555}.coolButton IMG {filter: gray();} div
5、23; font-size:9pt; line-height:11pt; font-family:宋体; color:black }Text{ font-size:9pt; line-height:11pt; font-family:宋体; color:black }INPUT{ font-size:9pt; line-height:11pt; font-family:宋体; color:black }table{ font-size:9pt; line-height:11pt; font-family:宋体; color:black
6、 }body{ font-size:9pt; line-height:11pt; font-family:宋体; color:black }form{ font-size:9pt; line-height:11pt; font-family:宋体; color:black }A:link{ font-size:9pt; font-family:宋体; text-decoration: none; color:#2F8BDF }A:visited{ font-size:9pt; font-family:宋体; tex
7、t-decoration: none; color:#2F8BDF }A:hover{ font-size:9pt; font-family:宋体; text-decoration: underline; color:#FF0000 }</STYLE><script language=javascript>var dragobject = null;var tx;var ty;document.onmouseover = doOver;document.onmouseout = doOut;document.onmousedown = do
8、Down;document.onmouseup = doUp;document.onmousedown=initDown;document.onmouseup=initUp;document.onmousemove=initMove;function stat(){var a = pageYOffset;document.bar.top = a;setTimeout(stat(),2);}function fix(){nome=navigator.appNameif(nome=Netscape) stat();else{var a=document.bo
9、dy.scrollTop;var b=document.body.scrollLeft;bar.style.top = a;bar.style.left = b;}}function getReal(el) {temp = el;while (temp != null) (temp.tagName != BODY) {if (temp.className = moveme) | (temp.className = handle){el = temp;return el;}temp = temp.parentElement;}
10、return el;}function moveme_onmousedown() {el = getReal(window.event.srcElement)if (el.className = moveme) {dragobject = el;ty = (window.event.clientY - dragobject.style.pixelTop);tx = (window.event.clientX - dragobject.style.pixelLeft);window.event.returnValue = false;window.event.can
11、celBubble = true;}else if (el.className = handle) {tmp = el.getAttribute(for);if (tmp != null) {el = eval(tmp);dragobject = el;ty = (window.event.clientY - dragobject.style.pixelTop);tx = (window.event.clientX - dragobject.style.pixelLeft);window.event.returnValue = false;window.event
12、.cancelBubble = true;} else {dragobject = null;}}else {dragobject = null;}}function moveme_onmouseup() {if(dragobject) {dragobject = null;}}function moveme_onmousemove() {if (dragobject) {if(window.event.clientX >= 0) {dragobje
13、ct.style.left = window.event.clientX - tx;dragobject.style.top = window.event.clientY - ty;}window.event.returnValue = false;window.event.cancelBubble = true;}}if (document.all) {document.onmousedown = moveme_onmousedown;document.onmouseup = moveme_onmouseup;document.onmousemove
14、= moveme_onmousemove;}function doOver() {var toEl = getReal(window.event.toElement, className, coolButton);var fromEl = getReal(window.event.fromElement, className, coolButton);if (toEl = fromEl) return;var el = toEl;var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);if (el.class
15、Name = coolButton)el.onselectstart = new Function(return false);if (el.className = coolButton) !cDisabled) {makeRaised(el);makeGray(el,false);}}function doOut() {var toEl = getReal(window.event.toElement, className, coolButton);var fromEl = getReal(window.event.fromElement, class
16、Name, coolButton);if (toEl = fromEl) return;var el = fromEl;var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);var cToggle = el.cToggle;toggle_disabled = (cToggle != null);if (cToggle el.value) {makePressed(el);makeGray(el,true);}else if (el.className = coolButton) !cDisabled) &#
17、123;makeFlat(el);makeGray(el,true);}}function doDown() {el = getReal(window.event.srcElement, className, coolButton);var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);if (el.className = coolButton) !cDisabled) {makePressed(el)}}function doUp() {el = getR
18、eal(window.event.srcElement, className, coolButton);var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);if (el.className = coolButton) !cDisabled) {makeRaised(el);}}function getReal(el, type, value) {temp = el;while (temp != null) (temp.tagName != BODY) {if (eval(te
19、mp. + type) = value) {el = temp;return el;}temp = temp.parentElement;}return el;}function findChildren(el, type, value) {var children = el.children;var tmp = new Array();var j=0;for (var i=0; i<children.length; i+) {if (eval(childreni. + type + = + value + ) {tm
20、ptmp.length = childreni;}tmp = tmp.concat(findChildren(childreni, type, value);}return tmp;}function disable(el) {if (document.readyState != complete) {window.setTimeout(disable( + el.id + ), 100);return;}var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);if (
21、!cDisabled) {el.cDisabled = true;el.innerHTML = <span style=background: buttonshadow; width: 100%; height: 100%; text-align: center;border:1px> +<span style=filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%; text-alig
22、n: center;border:1px> +el.innerHTML +</span> +</span>if (el.onclick != null) {el.cDisabled_onclick = el.onclick;el.onclick = null;}}}function enable(el) {var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);if (cDisabled) {el.cDisabled = null;el.i
23、nnerHTML = el.children0.children0.innerHTML;if (el.cDisabled_onclick != null) {el.onclick = el.cDisabled_onclick;el.cDisabled_onclick = null;}}}function addToggle(el) {var cDisabled = el.cDisabled;cDisabled = (cDisabled != null);var cToggle = el.cToggle;cToggle = (cToggle != null);if (!cToggle !cDisabled) {el.cToggle = true;if (el.value = null)el.value = 0;if (el.onclick != null)el.cToggle_onclick = el.onclick;el