繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航:
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
JS轻松实现CSS设置,DIV+CSS常用CSS设置
发布:dxy 字体:[
增加
减小
] 类型:转载
早些时候见过一个鸟日本人写的DW中的样式设置
http://www.99yp.com/uploads/200607/css/index.htm
,写了一大堆的代码,靠,现在派不上用场,小鸽子写了一个更好的样式生成器,适合DIV+CSS架构的网页。
(在网吧做网页的朋友,可以使用这个呀!)将常用的样式写了出来,做成DW的扩展插件多好,麻烦高手把他做成DW的扩展插件:
小鸽子个人网:
http://xbnz.126.com/
[网址助记:新白娘子]
点击运行可以看到效果:
▒ 恋婷DIV+CSS编辑器 beta1.0
类/标签/ID:
所有数值都不用输入单位; 宽:
高:
背景色:
前景色:
边框:
颜色:
选择
solid
dotted
none
hidden
dashed
double
groove
ridge
inset
outset
外间距 Margin :
如:10px 2px 内间距 Padding:
如:10px 2px 浮动: 左
右
×
显示:
选择
block
inline
none
可见:
可见
隐藏
×
文本对齐:
选择
left
center
right
行高:
%
无
px
文字缩进:
文本:
字体:
选择
宋体
黑体
Arial
雅黑
粗细:
效果:
下划线
无
×
背景图片:
重复:
选择
横向重复
纵向重复
不重复
水平位置:
垂直位置:
附件:
选择
固定
滚动
垂直对齐:
选择
middle
bottom
top
auto
baseline
清除:
选择
left
right
both
Overflow:
选择
scroll
auto
hidden
定位:
选择
绝对
相对
Z坐标:
left:
top:
right:
bottom:
UL列表:类型
选择
none
disc
circle
square
decimal
图像:
位置:
内
外
×
光标:
选择
默认
手
文本
移动
crosshair
default
pointer
hand
move
help
wait
text
w-resize
s-resize
n-resize
e-resize
实际应用效果如下
Effect of This Rule Shows You at here! [中國最Q小鴿子·最愛丁香花] http://xbnz.126.com
</textarea>
</textarea>
这是一个使用了复杂的样式的DIV,你可以使用获取CSS来获取这个CSS
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags:
JS轻松实现CSS设置
DIV+CSS常用CSS设置
百度中搜索更多的关于
JS轻松实现CSS设置,DIV+CSS常用CSS设置
内容,或者
用Google搜索相关更多
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
用YUI做了个标签浏览效果
下一篇文章:
JavaScript的9个陷阱及评点分析
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
一页面多XMLHttpRequest对象
Ucren Virtual Desktop V2.0
JS值当前DIV的ID值的代码
使javascript也能包含文件
Javascript实现的分页函数
用JS控制表格的逐行变色的表单
用js+xml自动生成表格的东西
一个对于js this关键字的问题
JavaScript的面向对象(二)
通用于ie和firefox的函数 GetCurrentStyl
最 近 更 新
静态页面也可以实现预览 列表不同的显示方
JS动画效果代码2
用javascript来实现动画导航效果的代码
打印/预览/设置的客户端代码
用Javascript做flash做的事..才完成的一个
firefox 和 ie 事件处理的细节,研究,再研
用javascript获得css中的属性值的代码
js自动滑动+鼠标滑动区域
常用参考资料(手册)下载或者链接
获取Javscript执行函数名称的方法
热 点 排 行
Div+CSS+JS树型菜单,可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
支持IE和FF的div+css选项卡
由浅到深了解JavaScript类
文章评论
共有 位脚本之家网友发表了评论我来说两句