2022年javascript制作浮动的工具条CSSHTML教程.docx

上传人：l***

文档编号：81145912

上传时间：2023-03-24

格式：DOCX

页数：13

大小：13.65KB

( 4.5 )

《2022年&#106avascript制作浮动的工具条CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年&#106avascript制作浮动的工具条CSSHTML教程.docx（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

9.9 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 2022 106 avascript 制作浮动工具条 CSSHTML 教程

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：2022年&#106avascript制作浮动的工具条CSSHTML教程.docx
链接地址：https://www.taowenge.com/p-81145912.html