文章列表
先记录一个直线运动的加速,减速,匀速都有
<body><div style="height:300px; width:700px; border:1px solid #000000; padding:20px;"><div id='ss' style="height:20px; width:20px; background-color:#000000; position:relative;"></div><div id='sss' style="height:20px; width:20px ...
- 2009-05-05 10:53
- 浏览 213
- 评论(0)
跟上个下拉菜单的写法差不多.........
但是写的时候还是发现了一些问题 如:如何删除带参数事件, 解决方法找一个句柄就行了 就是把函数给一个变量..
记录一下
<body><div id='ss' style=" height:100px; width:100px; background-color:#0000FF"></div><input value="add" type="button" onclick="ee(1)" /><input valu ...
- 2009-05-03 17:17
- 浏览 147
- 评论(0)
我很纠结..........
<!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">
<head>
<meta http-equiv="Content-Type" content=" ...
- 2009-04-26 22:38
- 浏览 249
- 评论(0)
好久没写博了,睡不着,爬起来写写,嘿嘿。
时间对象一般写法
var today =new Date()
一般都这么写,可是你真正知道这是什么意思吗?
恩,就是创建一个时间对象,他有很多的方法
如:today.getYear() (Ps:最好用today.getFullYear(),这个比较标准,在1900-2000,用第一个会出错)
因为经常用,所以知道这个是当天的时间对象
所以了,可以设置不是当天的时间对象了。
有5中写法 (里面什么都不写默认是当天的)
new Date("mm dd,yy hh:mm:ss")
new Date("m ...
- 2009-04-19 03:19
- 浏览 217
- 评论(0)
其实比较简单 实现的方法很多
有些人喜欢先把div隐藏 然后放上去的时候在显示 鼠标离开的时候在隐藏
个人不喜欢这样实现 毕竟在加载的时候会多加载一个元素
先写一中方式 跟着鼠标跑的那中 有判断位置是左边还是右边的
<styletype="text/css">
.div{width:180px;height:140px;background-color:#FFFFFF;border:1pxsolid#1871C6;position:absolute;filter:Alpha(opacity=80);opacity:0.8;}
...
- 2008-12-14 17:33
- 浏览 206
- 评论(0)
图片轮换,网页上很常见的效果,简单的模仿一下 先写个滤镜效果的。(IE Only)
简单说一下滤镜切换
obj.filters.revealTrans.Transition=Math.floor(Math.random()*23) //使用滤镜,先要把图片设置滤镜属性
obj.filters.revealTrans.apply();// 首先加载滤镜 obj.filters.revealTrans.play(); // 运行滤镜
效果值盒状收缩0盒状展开1圆形收缩2圆形展开3向上擦除4向下擦除5向左擦除6向右擦除7垂直百页窗8水平百页窗9横向棋盘式10纵向棋盘式11溶解12左右向中 ...
- 2008-12-12 17:50
- 浏览 195
- 评论(0)
一个居右低的div(稍微完整点的)
也不怎么完整关闭后 一栓心又会出来,按道理来说应该是每天出来一次才对,这个结合后台来处理会简单的多
但是也可以用纯js,不过对cookie操作较多,(至少要记录是否打开和时间),cookie我很弱,就没有写这个了。。。。。
<style type="text/css">.wai{ height:auto; width:210px; border:1px solid #567AB4; position:absolute}.title{ height:21px !important;height:26px; backgro ...
- 2008-12-10 10:51
- 浏览 167
- 评论(0)
以前写过一遍,在新浪的bolg上,但是看着是保存成功了,可是第2天就找不到了。
offsetWidth : 目标元素的宽度, 用法obj.offsetWidth
offsetHeight : 目标元素的高度, 用法obj,offsetHeight
ie ff都可以 不过在ff下不能用来算body的高度(这么算 他的高度是等于页面里面元素的高度的)
记录一个简单的例子。
<body><div id="ss" style=" height:300px; width:400px; border:1px solid #000000"& ...
- 2008-12-08 22:39
- 浏览 175
- 评论(0)
记录一些常用的javascript方法 常用 常用 哈哈(都是个人理解....如果觉得我理解错了,请指正
)
1.
function Each(list, fun){
for (var i = 0, len = list.length; i < len; i++) {fun(list[i], i); }
};
作用
:
让list里面的集合都执行一次fun(这么说应该不大对,大概是这个意思拉)
解释
:
list 为引用集 可以是元素集 也可以是数组;
fun 是函数 是让那个元素集里的每个东西都完成一次他;可以带参数如 上面的list[i](元素集的 ...
- 2008-12-06 21:02
- 浏览 166
- 评论(0)
只能说是看上去简单 实现起来非常的不容易。。
写的不好 细节太多 没有较好的基本功很难完善好。。 所以模拟的并不好
<style type="text/css">.kuang{height:18px; width:80px; border:1px solid #96ADE1}.input{border:0px; height:16px; width:50px; margin-top:2px; vertical-align:middle; float:left; cursor: pointer;}.img{float:right;margin-top: ...
- 2008-12-04 21:38
- 浏览 161
- 评论(0)
JSON (JavaScript Object Notation)一种简单的数据格式.易于人阅读和编写。同时也易于机器解析和生成
{} 为对象 [] 为数组 "属性名": "值" 一个简单的例子
<script>var menu={ name:"猪", gao:"很高", eat:"猪草"}alert(menu.name)alert(menu.gao)alert(menu.eat)</script>
在一个简单的例子
var menu={"dongwu ...
- 2008-12-03 22:55
- 浏览 186
- 评论(0)
Dom 的意思是 文本 对象 模型........
写几个常用的dom 方便以后查找
document.getElementById(Id) 这个的出镜率非常的高 有华山那么高...
document.getElementsByTagName(name) 封装的时候是必用的
obj.previousSibling 已知节点的前一个节点 //这个 ...
- 2008-12-02 23:07
- 浏览 146
- 评论(0)
Md 昨天写的太长了 结果没有保存住,只好今天重写了, 太阳呀。。。
1)清空options
obj.options.length=0
<script>function ss(){document.getElementById("gg").options.length=0}</script><select id="gg"><option value="1">1</option><option value="2">2</option&g ...
- 2008-12-02 10:01
- 浏览 263
- 评论(0)
因为无聊封装了一个表格排序加分页的程序
结果写完后变的更无聊了........
<style type="text/css">.tab{border:#CCCCCC solid;border-width:1 0 0 1; clear:left}.tdtitle{border:#CCCCCC solid;border-width:0 1 1 0; height:19px; vertical-align:middle; font-size:12px; padding-left:5px;background-image:url(http://album.hi.csd ...
- 2008-12-01 22:05
- 浏览 280
- 评论(0)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript" > ...
- 2008-11-29 15:03
- 浏览 306
- 评论(0)