javaScript–页面特效总结 - Angel's Blog.

ing
 
 
软件开发,程序设计,前端设计
 
 
首页 > code > javaScript–页面特效总结

javaScript–页面特效总结

 
window对象的属性,方法总结:
{
 属性
{
//状态属性
status
//屏幕属性
screen
//访问过的URL信息属性
//当前的URL信息属性
//HTML文档属性
document
}
方法
{
//警告对话框
alert(“提示信息”)
//确认对话框,确定和取消按钮的对话框,返回boolean类型
   confirm(“提示信息”) 
//打开新窗口,加载给定的URL所指定的文档,窗口特性0为否,1为真
open(“url”,”窗口名称”,”toolbars=,scrollbars=,menubars=,status=,location=,height=,width=”)
//关闭窗口
close()
/*打开模式窗口,加载给定的URL所指定的文档,窗口特性注意,宽度、高度属性为 dialogWidth=100pxdialogHeight=100px.属性之间用分号(;)隔开.象素要带上px单位*/
showModalDialog(“url”,”窗口名称”,”toolbars=0;scrollbars=0;status=0;location=0;dialogWidth=100px;dialogHeight=100px”)
//延时器方法,1000为毫秒单位=1秒
setTimeout(“调用的函数”,1000)
//定时器方法 
setInterval(“调用函数”,1000)
}
}
Date对象,是内置对象
{
方法
{
/*get方法*/
//返回一个月中的每一天,介于1~31之间
getDate()
//返回一个星期中的每一天,介于0~6之间
getDay()
//返回小时数,介于0~23之间
getHours()
//返回分钟数,介于0~59之间
getMinutes()
//返回秒数,介于0~59之间
getSeconds()
//返回月份数,介于0~11之间
getMonth()
   //返回年数
getFullYear()
//返回毫秒数
getTime()
/*set方法*/
}
}
history对象
{
 //historyjavascript运行时引擎自动创建的
 方法
{
//加载上一个URL
back()
//加载下一下URL
forward()
//加载指定URL,或移动指定的页面数
go(“url” or number)
}
}
location对象
{
 //此对象相当于当前的地址栏 
 属性
{
//返回主机名和端口号
host
//返回主机名
hostname
//返回当前地址栏的完整URL
href
}
方法
{
//加载指定的新的HTML文档
assign(“url”)
//重新加载当前页
reload()
//通过加载的指定文档来替换当前文档
replace(“url”)
}
}
document对象
{
属性
{
//文档背景着色
bgColor
}
body对象属性
{
//获取纵向滚动条卷去的部分值
scrollTop
//获取横向滚动条卷去的部分值
scrollTopLeft
} 
方法
{
//获取HTML文档中指定的ID。获得唯一一个元素
document.getElementById()
//获取HTML文档中指定的Name。获得相同元素名称的一组元素集合
document.getElementsByName()
//获取相同标签的一组元素集合
document.getElementsByTagName()
}
}
CSS样式属性
{
 文本属性
{
//字体大小
font-size:20px
//字体类型
font-family
//字体样式
font-style
//字体着色,注意不是font-color
color
//文本对齐方式
text-align
}
 背景属性
{
//背景着色
background-color
//背景图片
background-image:url()
//图片如何被重复
background-repeat
}
超链接属性
{
A 
{
//超链接的着色
color:blue;
//是否带有下划线
text-decoration:none
}
A:hover
{
//鼠标放在上面的着色
color:red;
}
}
 边框样式属性
{
.boxBorder
{
//边框线的宽度
border-width
//边框线的样式,实线
border-style:solid
//边框线的着色
border-color
}
}
 按钮样式属性
{
.pixButton
{
//背景图片
background-image:url()
//按钮边框线的宽度
border:0px
margin
padding
height
width
}
}
 Style对象属性
{
//隐藏,有三个属性值,none为不显示,block为按块显示,inline为按行显示
display
//指定区域是否可见,hidden为不可见,但仍占据着页面空间,visiable为可见
visibility
}
}
或者通过RSS 关注本站的更新 ^ O ^ 。” —  by  转载请注明:来自 Angel's Blog.
本文永久链接: http://www.0ee.com/2010/09/15/javascript_page_study.html
 
分类: code标签: , , ,
 
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
 

 
评论 (2) Trackbacks (0)
发表评论 Trackback
 
2 Comments Contributed by Visitors
  1.     Solo 2010年10月30日03:44 1#

    要是有个Demo就好了。

  2.     xhliu 2011年4月4日17:49 2#

    请问这个鼠标悬停提示效果是怎么实现的?能给个代码吗?

Leave Comments Here...

:) :-D :( :-o 8-O :-? 8) lol :-x :-P oops cry evil twisted wink ? idea :-| arrow mrgreen roll !

(required)

(required)

网址随您("http://"可以省略)

(Ctrl+Enter)

  • 本站不会泄露您的 Email 地址, 敬请放心.
  • 本站已开启缓存, 请不要重复提交评论.
  • 请注意: 带有 《广告(链)、不健康、或者 产品名字》 的评论一律视为spam.
  • 支持常用 HTML 标签调用, 插入 HTML 标签需注意: < == &lt;> == &gt;.
  • 仅当某人针对您的评论做出回应时, 您才会收到由本站发出的邮件通知.
  • 如您希望以相同方式通知某位网友, 请点击  按钮进行回复.
  • 允许在评论中使用如下代码: 
    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> 
    <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> 
    .
  • 鼠标悬浮到评论中的 @someone 区域即可自动显示 someone 的评论内容.
 
 
  • 正在加载...