CSS和JavaScript标签style属性对照表
作者:stardust 日期:2008-08-05
CSS和JavaScript标签对照表
| 盒子标签和属性对照 | |
|---|---|
| CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) |
| border | border |
| border-bottom | borderBottom |
| border-bottom-color | borderBottomColor |
| border-bottom-style | borderBottomStyle |
| border-bottom-width | borderBottomWidth |
| border-color | borderColor |
| border-left | borderLeft |
| border-left-color | borderLeftColor |
| border-left-style | borderLeftStyle |
| border-left-width | borderLeftWidth |
| border-right | borderRight |
| border-right-color | borderRightColor |
| border-right-style | borderRightStyle |
| border-right-width | borderRightWidth |
| border-style | borderStyle |
| border-top | borderTop |
| border-top-color | borderTopColor |
| border-top-style | borderTopStyle |
| border-top-width | borderTopWidth |
| border-width | borderWidth |
| clear | clear |
| float | floatStyle |
| margin | margin |
| margin-bottom | marginBottom |
| margin-left | marginLeft |
| margin-right | marginRight |
| margin-top | marginTop |
| padding | padding |
| padding-bottom | paddingBottom |
| padding-left | paddingLeft |
| padding-right | paddingRight |
| padding-top | paddingTop |
| 颜色和背景标签和属性对照 | |
| CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) |
| background | background |
| background-attachment | backgroundAttachment |
| background-color | backgroundColor |
| background-image | backgroundImage |
| background-position | backgroundPosition |
| background-repeat | backgroundRepeat |
| color | color |
| 样式标签和属性对照 | |
| CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) |
| display | display |
| list-style-type | listStyleType |
| list-style-image | listStyleImage |
| list-style-position | listStylePosition |
| list-style | listStyle |
| white-space | whiteSpace |
| 文字样式标签和属性对照 | |
| CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) |
| font | font |
| font-family | fontFamily |
| font-size | fontSize |
| font-style | fontStyle |
| font-variant | fontVariant |
| font-weight | fontWeight |
| 文本标签和属性对照 | |
| CSS语法 (不区分大小写) | JavaScript语法 (区分大小写) |
| letter-spacing | letterSpacing |
| line-break | lineBreak |
| line-height | lineHeight |
| text-align | textAlign |
| text-decoration | textDecoration |
| text-indent | textIndent |
| text-justify | textJustify |
| text-transform | textTransform |
| vertical-align | verticalAlign |
可以不被浏览器拦截的弹出窗口JS代码
作者:stardust 日期:2008-06-26
一个可以不被广告拦截器拦截的弹出窗口
ForceWindow.iclass.js代码如下(使用、讲解、相关说明全部在注释中):
------------------------------------------------------------------------------------
ForceWindow.iclass.js代码如下(使用、讲解、相关说明全部在注释中):
------------------------------------------------------------------------------------
收集项目中常用的js函数和封装代码(2)
作者:stardust 日期:2008-06-26
/**************
函数 : 用来判断鼠标按的是左键还是右键。(兼容IE和ff)
用法:
onmousedown="mouse_keycode(event)"
**************/
函数 : 用来判断鼠标按的是左键还是右键。(兼容IE和ff)
用法:
onmousedown="mouse_keycode(event)"
**************/
好看的下拉列表
作者:stardust 日期:2008-05-20
<style>
select {
BORDER-RIGHT: #d3d3d3 1px solid; BORDER-TOP: #d3d3d3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d3d3d3 1px solid; COLOR: #7f7f7f; BORDER-BOTTOM: #d3d3d3 1px solid; FONT-FAMILY: Dotum,Dotumche,verdana; HEIGHT: 18px
}
.box01 {
select {
BORDER-RIGHT: #d3d3d3 1px solid; BORDER-TOP: #d3d3d3 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d3d3d3 1px solid; COLOR: #7f7f7f; BORDER-BOTTOM: #d3d3d3 1px solid; FONT-FAMILY: Dotum,Dotumche,verdana; HEIGHT: 18px
}
.box01 {
改善用户体验之alert提示效果
作者:stardust 日期:2008-05-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" />
<title>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" />
<title>
弹出网页窗口全详细攻略
作者:stardust 日期:2008-04-22
常用JS语句
作者:stardust 日期:2008-03-22
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID號").name(或value)
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID號").name(或value)
在网页里让文本框只能输入数字的一种方法。外加回车换Tab
作者:stardust 日期:2008-03-04
第一步利用样式表。
<asp:TextBox Runat="server" id="TT" style="ime-mode:disabled" onkeydown="myKeyDown()"></asp:textBox>
第二步利用js脚本。
<asp:TextBox Runat="server" id="TT" style="ime-mode:disabled" onkeydown="myKeyDown()"></asp:textBox>
第二步利用js脚本。










