<HTML>
<head>
<title>CSS在线编辑器</title>
<meta name="keywords" content="css,样式,html样式编辑,css编辑器,css工具,css在线编辑器,css设计,css+div,网页美化" />
<meta name="description" content="css在线编辑工具,在线快速设计css+div" />
<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;
}
--></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
没有合适的资源?快使用搜索试试~ 我知道了~
CSS2中文手册+CSS在线编辑器( css学习者必备).rar
共316个文件
html:250个
gif:36个
js:6个
需积分: 3 19 下载量 137 浏览量
2008-10-23
14:53:16
上传
评论
收藏 686KB RAR 举报
温馨提示
CSS2中文手册+CSS在线编辑器 ( css学习者必备)
资源详情
资源评论
资源推荐
收起资源包目录
CSS2中文手册+CSS在线编辑器( css学习者必备).rar (316个子文件)
#IDXHDR 4KB
#ITBITS 0B
#STRINGS 3KB
#SYSTEM 4KB
#TOPICS 4KB
#URLSTR 7KB
#URLTBL 3KB
#WINDOWS 400B
$FIftiMain 158KB
$OBJINST 3KB
qreditor.css 3KB
css2.css 2KB
qrpulldown.css 1KB
___dtree.css 518B
0002.gif 17KB
cont.gif 8KB
demo.gif 4KB
nolines_plus.gif 870B
nolines_minus.gif 861B
0003.gif 809B
pulldownfc-back.gif 277B
pulldown-back.gif 210B
base.gif 141B
folderopen.gif 140B
spinner-downdown.gif 138B
spinner-updown.gif 138B
page.gif 131B
folder.gif 125B
spinner-normal.gif 124B
book.gif 123B
resize-box.gif 109B
pulldown-hover.gif 108B
pulldown-normal.gif 107B
pulldown-down.gif 107B
pulldown-active.gif 104B
arrowclose.gif 101B
arrowopen.gif 96B
plus.gif 89B
plusbottom.gif 88B
grid.gif 87B
minus.gif 86B
minusbottom.gif 85B
join.gif 69B
line.gif 66B
joinbottom.gif 66B
pulldown.gif 64B
empty.gif 62B
0004.gif 61B
none.gif 43B
transparentpixel.gif 43B
dhtmlet_css2.hhc 38KB
___left.htm 14KB
css.html 36KB
z_additional.html 23KB
default.html 20KB
z_charset.html 19KB
z_color.html 19KB
z_iso.html 15KB
c_borderstyle.html 7KB
d_text.html 7KB
c_liststyletype.html 6KB
d_units.html 6KB
z_symbol.html 6KB
c_display.html 6KB
o_css.html 6KB
d_aural.html 6KB
d_border.html 6KB
d_selector.html 6KB
d_font.html 6KB
c_borderbottomstyle.html 5KB
c_borderrightstyle.html 5KB
c_borderleftstyle.html 5KB
c_bordertopstyle.html 5KB
c_cursor.html 5KB
d_appendix.html 5KB
c_borderwidth.html 5KB
c_bordercolor.html 5KB
c_fontweight.html 5KB
c_border.html 5KB
c_azimuth.html 5KB
c_borderbottomwidth.html 5KB
c_borderrightwidth.html 5KB
c_borderleftwidth.html 5KB
c_bordertopwidth.html 5KB
c_rubyalign.html 5KB
c_content.html 5KB
o_rain1977.html 5KB
d_pseudo.html 5KB
c_borderrightcolor.html 5KB
c_borderleftcolor.html 5KB
c_bordertopcolor.html 5KB
c_scrollbardarkshadowcolor.html 5KB
c_font.html 5KB
c_scrollbarhighlightcolor.html 5KB
c_borderbottomcolor.html 5KB
c_scrollbarshadowcolor.html 5KB
c_scrollbararrowcolor.html 5KB
c_scrollbar3dlightcolor.html 5KB
c_textdecoration.html 5KB
c_unicodebidi.html 5KB
共 316 条
- 1
- 2
- 3
- 4
zsyandmxl
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Python实现的自动化办公项目.zip
- 基于python实现的基于PyQt5和爬虫的小说阅读系统.zip
- 机械设计整经机上纱自动化sw20非常好的设计图纸100%好用.zip
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0