<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"> <!--
.QrCSSDesignerPad{
margin-top:40px;
}
.QrCSSDesignerPadLeft{
width:150px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
color: #0000FF;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
--></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
没有合适的资源?快使用搜索试试~ 我知道了~
css在线编辑(自动生成所有格式的css)
共29个文件
gif:15个
js:4个
jpg:4个
需积分: 0 8 下载量 177 浏览量
2008-11-18
09:27:47
上传
评论
收藏 598KB RAR 举报
温馨提示
提供表格生成器,自动生成所有格式的css
资源详情
资源评论
资源推荐
收起资源包目录
css在线编辑.rar (29个子文件)
css在线编辑
xhtml1-strict.dtd 25KB
Cascading Style Sheet 样式表中文手册.chm 553KB
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
pulldown-active.gif 104B
extimg
arrowopen.gif 96B
arrowclose.gif 101B
pulldown.gif 64B
pulldown-hover.gif 108B
qreditor.css 3KB
index.html 36KB
xhtml1-transitional.dtd 31KB
共 29 条
- 1
专注研发ERP低代码开发平台
- 粉丝: 61
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0