用js实现的DIV+CSS编辑器代码

web前端|css教程

用js实现的DIV+CSS编辑器代码

web前端-css教程

婚恋源码大全,ubuntu硬盘转ntfs,tomcat要安装到哪里,阴部有小爬虫,php如何让中文正常显示,宁波seo行业lzw

<title>DIV+CSS编辑器</title> <div class="khw">微信 开发 源码,vscode新建git,ubuntu dol,tomcat80,sqlite降序排序混乱,jquery一键分享插件下载地址,用于做APP的前端框架,如何防止爬虫被墙,php 特级,seo线上推广代发,介绍美食的网站模板免费下载,flash网页动画,静态页模板下载lzw</div>  <!– function hoverInput(obj,n) { if(n==1){if(obj.tagName=="INPUT" && obj.type=="text"){obj.className='hover_input';}} else{ if(obj.tagName=="INPUT" && obj.type=="text") { obj.className='normal_input'; if(obj.value!='' && !isNaN(obj.value.substring(obj.value.length-1)))obj.value+='px'; } } setSelectionWithCss(2); } var allCSSsetterCode = ""; function setSelectionWithCss(funnum) { isSetting(vcssWidth,"width"); isSetting(vcssHeight,"height"); isSetting(vcssBackgroundColor,"background-color"); isSetting(vcssColor,"color"); isSetting(vcssBorderWidth,"border-width"); isSetting(vcssBorderColor,"border-color"); isSetting(vcssBorderdStyle,"border-style"); isSetting(vcssMargin,"margin"); isSetting(vcssPadding,"padding"); isSetting(vcssFloatResult,"float"); isSetting(vcssDisplay,"display"); isSetting(vcssVisibilityResult,"visibility"); isSetting(vcssTextAlign,"text-align"); isSetting(vcssLineHeight,"line-height"); isSetting(vcssTextIndent,"text-indent"); isSetting(vcssFontSize,"font-Size"); isSetting(vcssFontFamily,"font-family"); isSetting(vcssFontWeight,"font-weight"); isSetting(vcssDecorationResult,"text-decoration"); isSetting(vcssPosition,"position"); isSetting(vcssZIndex,"z-index"); isSetting(vcssLeft,"left"); isSetting(vcssRight,"right"); isSetting(vcssTop,"top"); isSetting(vcssBottom,"bottom"); isSetting(vcssPositionResult,"list-style-position"); isSetting(vcssCursor,"cursor"); isSetting(vcssBackgroundRepeat,"background-repeat"); isSetting(vcssBackgroundAttachment,"background-attachment"); isSetting(vcssListStyleType,"list-style-type"); isSetting(vcssOverflow,"overflow"); isSetting(vcssClear,"clear"); isSetting(vcssVerticalAlign,"vertical-align"); if(vcssBackgroundImage.value!="")allCSSsetterCode+="background-image:url("+vcssBackgroundImage.value+");"; if(vcssBackgroundPositionX.value!="" && vcssBackgroundPositionY.value!="")allCSSsetterCode+="background-position:"+vcssBackgroundPositionX.value+" "+vcssBackgroundPositionY.value+";"; if(vcssListStyleImage.value!="")allCSSsetterCode+="list-style-image:url("+vcssListStyleImage.value+");"; if(funnum==1) { alert(allCSSsetterCode); } else { var everyRule = allCSSsetterCode.split(';'); var resultCSSTEXT=vcssIdentName.value+"\r\n{\t"; for(var v=0;v var sInitColor = null; function callColorDlg(obj){ if (sInitColor == null) var sColor = dlgHelper.ChooseColorDlg(); else var sColor = dlgHelper.ChooseColorDlg(sInitColor); sColor = sColor.toString(16); if (sColor.length < 6) { var sTempString = "000000".substring(0,6-sColor.length); sColor = sTempString.concat(sColor); } if(sColor!="000000"){ sColor = "#" + sColor; obj.value=sColor; obj.style.backgroundColor=sColor; }} <OBJECT></OBJECT> <div class="khw">彩虹秒赞源码6.6,ubuntu怎么回退版本,两个tomcat传递数据,爬虫王者荣耀,php字符串位置替换,seo服务文库lzw</div> 在线DIV+CSS编辑器 <div class="MainBody" id="MainBody"><div class="MainDialogCSS"><div id="vcssDetail_div" class="vcssDetail">类/标签/ID： 所有数值都不用输入单位;宽： 高： 背景色： 前景色：边框： 颜色： 选择soliddottednonehiddendasheddoublegrooveridgeinsetoutset外间距 Margin ： 如:10px 2px 内间距 Padding： 如:10px 2px浮动： 左 右 × 显示：选择blockinlinenone 可见：可见 隐藏 × 文本对齐：选择leftcenterright 行高： %无px 文字缩进： 文本： 字体： 选择宋体黑体Arial雅黑 粗细： 效果：下划线 无 × 背景图片： 重复：选择横向重复纵向重复不重复 水平位置： 垂直位置： 附件：选择固定滚动 垂直对齐：选择middlebottomtopautobaseline 清除：选择leftrightboth Overflow：选择scrollautohidden 定位：选择绝对相对 Z坐标： left: top: right: bottom: UL列表：类型选择nonedisccirclesquaredecimal 图像： 位置：内 外 × 光标： 选择默认手文本移动crosshairdefaultpointerhandmovehelpwaittextw-resizes-resizen-resizee-resize <fieldset><legend>实际应用效果如下</legend><div id="vcsseffect_div" class="vcsseffect">Effect of This Rule Shows You at here! 工具啦 （www.tool.la） 给你最全、最好的工具！</div></fieldset></div></div><hr /><textarea name="cssTextValue" cols="100" rows="5" id="cssTextValue"> <textarea name="cssTextValueCompare" cols="100" rows="5" id="cssTextValueCompare"> <hr /><div class="vv" id="vv">这是一个使用了复杂的样式的DIV，你可以使用获取CSS来获取这个CSS</pre> <div> </div></pre>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]