当前位置：首页 > 资讯 > 技术文档

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

时间：2022-02-14 15:07 编辑：来源：阅读：
扫一扫，手机访问

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

DIV+CSS编辑器 
<meta content="text/html; charset=gb2312" http-equiv="Content-Type"></meta> 
<meta content="all" name="robots"></meta> 
<meta content="DIV+CSS编辑器是一个在线编辑DIV+CSS的在线编辑工具" name="description"></meta> 
<meta content="DIV+CSS编辑器,在线编辑，DIV+CSS，DIV+CSS工具，在线工具" name="keywords"></meta> 
 
 
<object classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" height="0px" id="dlgHelper" width="0px"></object> 
 
 
<font style="color:#FF0000; font-size:14px; font-weight:bolder"> 
在线DIV+CSS编辑器 
</font>

<div class="MainBody" id="MainBody"> 
<div class="MainDialogCSS" onkeyup="setSelectionWithCss(2);" onmouseout="hoverInput(event.srcElement,2);" onmouseover="hoverInput(event.srcElement,1);"> 
<div class="vcssDetail" id="vcssDetail_div" style="display:block;"> 
类/标签/ID：<input class="normal_input" id="vcssIdentName" name="vcssIdentName" onmouseout="event.cancelBubble=true;this.className='normal_input';" onmouseover="select();" value=".style1"></input> 
所有数值都不用输入单位;
 
宽：<input class="normal_input" id="vcssWidth" name="vcssWidth" size="8" type="text" value=""></input> 
高：<input class="normal_input" id="vcssHeight" name="vcssHeight" size="8" type="text" value=""></input> 
背景色：<input class="normal_input" id="vcssBackgroundColor" name="vcssBackgroundColor" onclick="callColorDlg(this)" onmouseout="event.cancelBubble=true;this.className='normal_input';" size="8" type="text" value=""></input> 
前景色：<input class="normal_input" id="vcssColor" name="vcssColor" onclick="callColorDlg(this)" onmouseout="event.cancelBubble=true;this.className='normal_input';" size="8" type="text" value=""></input>
 
边框：<input class="normal_input" id="vcssBorderWidth" name="vcssBorderWidth" onclick="value=1;vcssBorderdStyle.value='solid';" size="8" type="text" value=""></input> 
颜色：<input class="normal_input" id="vcssBorderColor" name="vcssBorderColor" onclick="callColorDlg(this)" onmouseout="event.cancelBubble=true;this.className='normal_input';" size="8" type="text" value=""></input> 
<select id="vcssBorderdStyle" name="vcssBorderdStyle" onclick="if(value=='')value='solid';"> 
    <option selected="selected">选择</option><option value="solid">solid</option><option value="dotted">dotted</option><option value="none">none</option><option value="hidden">hidden</option><option value="dashed">dashed</option><option value="double">double</option><option value="groove">groove</option><option value="ridge">ridge</option><option value="inset">inset</option><option value="outset">outset</option></select>
  
外间距 Margin ：<input class="normal_input" id="vcssMargin" name="vcssMargin" onkeydown="if(event.keyCode==32)this.value+='px';" size="20" type="text" value=""></input>  
如:10px 2px 
  
内间距 Padding：<input class="normal_input" id="vcssPadding" name="vcssPadding" onblur="if(this.value!='' && !isNaN(this.value.substring(this.value.length-1)))this.value+='px';" onkeydown="if(event.keyCode==32)this.value+='px';" size="20" type="text" value=""></input> 
如:10px 2px
 
浮动： 左<input name="vcssFloat" onclick="if(this.checked)vcssFloatResult.value=this.value" type="radio" value="left"></input>  
右<input name="vcssFloat" onclick="if(this.checked)vcssFloatResult.value=this.value" type="radio" value="right"></input><input class="hiddenObj" id="unsetFloat" name="vcssFloat" onclick="if(this.checked)vcssFloatResult.value='';" type="radio"></input> 
[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]</div></div>
  
 
  <a name="pj"></a>
 <div class="pinlun fontyh">
  <ul class="plu1">
  <li class="l1"><strong>全部评论</strong>(0)</li><li class="l2"></li>
  </ul>
  <form name="f1" method="post" target="_blank" onSubmit="return newspj()">
  <input type="hidden" value="161554" name="bh" />
  <ul class="plu0">
  <li class="l1"><textarea id="pjt" name="pjt">

[展开所有评论]

上一篇：dl,dt,dd制作的CSS垂直菜单
下一篇：关于margin-left的示例代码

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部