CSS在线编辑器（CSS样式小工具）_css在线编辑器资源-CSDN文库

共28个文件

gif：15个

jpg：4个

js：4个

style

5星 · 超过95%的资源需积分: 50 105 浏览量 2008-09-12 20:37:46 上传评论 1 收藏 54KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

css在线编辑器.rar （28个子文件）

css在线编辑器

CSS.html 36KB

qrx

spinner-downdown.gif 138B

qrpulldown.css 1KB

pulldownfc-back.gif 277B

pulldown-down.gif 107B

qrcspinner.js 4KB

graybar.jpg 5KB

qrcpicker.js 8KB

qrxpcom.js 4KB

pulldown-back.gif 210B

pulldown-normal.gif 107B

qrcpulldown.js 6KB

transparentpixel.gif 43B

spinner-updown.gif 138B

blank.jpg 5KB

colorpicker.jpg 20KB

lwllogo.jpg 16KB

grid.gif 87B

resize-box.gif 109B

spinner-normal.gif 124B

Thumbs.db 7KB

pulldown-active.gif 104B

extimg

arrowopen.gif 96B

Thumbs.db 6KB

arrowclose.gif 101B

pulldown.gif 64B

pulldown-hover.gif 108B

qreditor.css 3KB

<HTML> <head> <title>CSS 在线编辑器</title> <link rel="stylesheet" type="text/css" href="qrx/qreditor.css"> <link rel="stylesheet" type="text/css" href="qrx/qrtable.css"> <link rel="stylesheet" type="text/css" href="qrx/qrpulldown.css"> <style type="text/css"> </style> <SCRIPT lang="JavaScript" src="qrx/qrxpcom.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcpicker.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcpulldown.js"></SCRIPT> <SCRIPT lang="JavaScript" src="qrx/qrcspinner.js"></SCRIPT> <script lang="JavaScript"><!-- QrXPCOM.cssToJsMap = new Array; QrXPCOM.cssToJsMap["background"] = "background"; QrXPCOM.cssToJsMap["background-attachment"] = "backgroundAttachment"; QrXPCOM.cssToJsMap["background-color"] = "backgroundColor"; QrXPCOM.cssToJsMap["background-image"] = "backgroundImage"; QrXPCOM.cssToJsMap["background-position"] = "backgroundPosition"; QrXPCOM.cssToJsMap["background-position-x"] = "backgroundPositionX"; QrXPCOM.cssToJsMap["background-position-y"] = "backgroundPositionY"; QrXPCOM.cssToJsMap["background-repeat"] = "backgroundRepeat"; QrXPCOM.cssToJsMap["behavior"] = "behavior"; QrXPCOM.cssToJsMap["border"] = "border"; QrXPCOM.cssToJsMap["border-bottom"] = "borderBottom"; QrXPCOM.cssToJsMap["border-bottom-color"] = "borderBottomColor"; QrXPCOM.cssToJsMap["border-bottom-style"] = "borderBottomStyle"; QrXPCOM.cssToJsMap["border-bottom-width"] = "borderBottomWidth"; QrXPCOM.cssToJsMap["border-color"] = "borderColor"; QrXPCOM.cssToJsMap["border-left"] = "borderLeft"; QrXPCOM.cssToJsMap["border-left-color"] = "borderLeftColor"; QrXPCOM.cssToJsMap["border-left-style"] = "borderLeftStyle"; QrXPCOM.cssToJsMap["border-left-width"] = "borderLeftWidth"; QrXPCOM.cssToJsMap["border-right"] = "borderRight"; QrXPCOM.cssToJsMap["border-right-color"] = "borderRightColor"; QrXPCOM.cssToJsMap["border-right-style"] = "borderRightStyle"; QrXPCOM.cssToJsMap["border-right-width"] = "borderRightWidth"; QrXPCOM.cssToJsMap["border-style"] = "borderStyle"; QrXPCOM.cssToJsMap["border-top"] = "borderTop"; QrXPCOM.cssToJsMap["border-top-color"] = "borderTopColor"; QrXPCOM.cssToJsMap["border-top-style"] = "borderTopStyle"; QrXPCOM.cssToJsMap["border-top-width"] = "borderTopWidth"; QrXPCOM.cssToJsMap["border-width"] = "borderWidth"; QrXPCOM.cssToJsMap["bottom"] = "bottom"; QrXPCOM.cssToJsMap["clear"] = "clear"; QrXPCOM.cssToJsMap["clip"] = "clip"; QrXPCOM.cssToJsMap["color"] = "color"; QrXPCOM.cssToJsMap["cursor"] = "cursor"; QrXPCOM.cssToJsMap["direction"] = "direction"; QrXPCOM.cssToJsMap["display"] = "display"; QrXPCOM.cssToJsMap["filter"] = "filter"; QrXPCOM.cssToJsMap["font"] = "font"; QrXPCOM.cssToJsMap["font-family"] = "fontFamily"; QrXPCOM.cssToJsMap["font-size"] = "fontSize"; QrXPCOM.cssToJsMap["font-style"] = "fontStyle"; QrXPCOM.cssToJsMap["font-variant"] = "fontVariant"; QrXPCOM.cssToJsMap["font-weight"] = "fontWeight"; QrXPCOM.cssToJsMap["height"] = "height"; QrXPCOM.cssToJsMap["layout-flow"] = "layoutFlow"; QrXPCOM.cssToJsMap["layout-grid"] = "layoutGrid"; QrXPCOM.cssToJsMap["layout-grid-char"] = "layoutGridChar"; QrXPCOM.cssToJsMap["layout-grid-line"] = "layoutGridLine"; QrXPCOM.cssToJsMap["layout-grid-mode"] = "layoutGridMode"; QrXPCOM.cssToJsMap["layout-grid-type"] = "layoutGridType"; QrXPCOM.cssToJsMap["left"] = "left"; QrXPCOM.cssToJsMap["letter-spacing"] = "letterSpacing"; QrXPCOM.cssToJsMap["line-break"] = "lineBreak"; QrXPCOM.cssToJsMap["line-height"] = "lineHeight"; QrXPCOM.cssToJsMap["margin"] = "margin"; QrXPCOM.cssToJsMap["margin-bottom"] = "marginBottom"; QrXPCOM.cssToJsMap["margin-left"] = "marginLeft"; QrXPCOM.cssToJsMap["margin-right"] = "marginRight"; QrXPCOM.cssToJsMap["margin-top"] = "marginTop"; QrXPCOM.cssToJsMap["overflow"] = "overflow"; QrXPCOM.cssToJsMap["overflow-x"] = "overflowX"; QrXPCOM.cssToJsMap["overflow-y"] = "overflowY"; QrXPCOM.cssToJsMap["padding"] = "padding"; QrXPCOM.cssToJsMap["padding-bottom"] = "paddingBottom"; QrXPCOM.cssToJsMap["padding-left"] = "paddingLeft"; QrXPCOM.cssToJsMap["padding-right"] = "paddingRight"; QrXPCOM.cssToJsMap["padding-top"] = "paddingTop"; QrXPCOM.cssToJsMap["page-break-after"] = "pageBreakAfter"; QrXPCOM.cssToJsMap["page-break-before"] = "pageBreakBefore"; QrXPCOM.cssToJsMap["position"] = "position"; QrXPCOM.cssToJsMap["right"] = "right"; QrXPCOM.cssToJsMap["scrollbar-3dlight-color"] = "scrollbar3dLightColor"; QrXPCOM.cssToJsMap["scrollbar-arrow-color"] = "scrollbarArrowColor"; QrXPCOM.cssToJsMap["scrollbar-base-color"] = "scrollbarBaseColor"; QrXPCOM.cssToJsMap["scrollbar-darkshadow-color"] = "scrollbarDarkShadowColor"; QrXPCOM.cssToJsMap["scrollbar-face-color"] = "scrollbarFaceColor"; QrXPCOM.cssToJsMap["scrollbar-highlight-color"] = "scrollbarHighlightColor"; QrXPCOM.cssToJsMap["scrollbar-shadow-color"] = "scrollbarShadowColor"; QrXPCOM.cssToJsMap["scrollbar-track-color"] = "scrollbarTrackColor"; QrXPCOM.cssToJsMap["float"] = "styleFloat"; QrXPCOM.cssToJsMap["text-align"] = "textAlign"; QrXPCOM.cssToJsMap["text-align-last"] = "textAlignLast"; QrXPCOM.cssToJsMap["text-autospace"] = "textAutospace"; QrXPCOM.cssToJsMap["text-decoration"] = "textDecoration"; QrXPCOM.cssToJsMap["text-indent"] = "textIndent"; QrXPCOM.cssToJsMap["text-justify"] = "textJustify"; QrXPCOM.cssToJsMap["text-kashida-space"] = "textKashidaSpace"; QrXPCOM.cssToJsMap["text-overflow"] = ""; QrXPCOM.cssToJsMap["text-transform"] = "textTransform"; QrXPCOM.cssToJsMap["text-underline-position"] = "textUnderlinePosition"; QrXPCOM.cssToJsMap["top"] = "top"; QrXPCOM.cssToJsMap["unicode-bidi"] = "unicodeBidi"; QrXPCOM.cssToJsMap["visibility"] = "visibility"; QrXPCOM.cssToJsMap["white-space"] = "whiteSpace"; QrXPCOM.cssToJsMap["width"] = "width"; QrXPCOM.cssToJsMap["word-break"] = "wordBreak"; QrXPCOM.cssToJsMap["word-spacing"] = "wordSpacing"; QrXPCOM.cssToJsMap["word-wrap"] = "wordWrap"; QrXPCOM.cssToJsMap["writing-mode"] = "writingMode"; QrXPCOM.cssToJsMap["z-index"] = "zIndex"; QrXPCOM.cssToJsMap["zoom"] = "zoom"; var connectInstanceMap = new Array; var connectInstanceOverrideMap = new Array; var styles = new Array; function connectCSS(obj, style, override){ connectInstanceMap[style] = obj; connectInstanceOverrideMap[style] = override; obj.onChange = function(value){ setTargetStyle(style, value); } } function connectCSS2(obj,objB, style, override){ connectInstanceMap[style] = new Array; connectInstanceMap[style][0] = obj; connectInstanceMap[style][1] = objB; connectInstanceOverrideMap[style] = override; obj.onChange = function(value){ value = value + objB.get(); setTargetStyle(style, value); } objB.onChange = function(value){ value = obj.get() + value; setTargetStyle(style, value); } } function setTargetStyle(style, value){ try{ document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = value; document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = value; document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = value; styles[style] = value; }catch(e){ document.getElementById("target").style[QrXPCOM.cssToJsMap[style]] = ""; document.getElementById("target2").style[QrXPCOM.cssToJsMap[style]] = ""; document.getElementById("target3").style[QrXPCOM.cssToJsMap[style]] = ""; styles[style] = null; } var st; var cssstr = ".someclass {\n"; for(st in styles){ if(styles[st]) cssstr += "\t" + st + " : " + styles[st] + ";\n"; } cssstr += "}\n"; document.getElementById("output").value = cssstr; var divstr = "<DIV style=\""; for(st in styles){ if(styles[st]) divstr += st + ":" + styles[st] + "; "; } divstr += "\">\n\n</DIV>"; document.getElementById("output2").value = divstr; } function collapseSwitch(style){ if(document.getElementById(style).style.

评论收藏

内容反馈