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

JS轻松实现CSS设置,DIV+CSS常用CSS设置

时间：2020-12-05 12:43 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS轻松实现CSS设置,DIV+CSS常用CSS设置

早些时候见过一个鸟日本人写的DW中的样式设置[url=http://www.99yp.com/uploads/200607/css/index.htm]http://www.99yp.com/uploads/200607/css/index.htm[/url]，写了一大堆的代码，靠，现在派不上用场，小鸽子写了一个更好的样式生成器，适合DIV+CSS架构的网页。
(在网吧做网页的朋友，可以使用这个呀！)将常用的样式写了出来，做成DW的扩展插件多好，麻烦高手把他做成DW的扩展插件：
小鸽子个人网:[url=http://xbnz.126.com/]http://xbnz.126.com/[/url][网址助记:新白娘子]

<meta content="text/html; charset=gb2312" http-equiv="Content-Type"></meta> 
▒ 恋婷DIV+CSS编辑器 beta1.0 
 
 
<object classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" height="0px" id="dlgHelper" width="0px"></object> 
<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://vickeychen.ik8.com/][img]http://vickeychen.go3.icpcn.com/images/logo_main.GIF[/img]
</img>[/url]

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：JavaScript函数节流概念与用法实例详解
下一篇：JS正则表达式学习之贪婪和非贪婪模式实例总结

资讯排行榜
更多>>