- 博客(5)
- 收藏
- 关注
转载 返回顶部_demo
平时玩着新浪微博时,会发现右下角的“返回顶部”按钮挺好用的,实现这样的功能非常简单,今天趁着有空,也模仿着做了一个demo,效果见页面右下角。由于原理相当简单,也没必要详细说明,主要是当滚动条拉下时,出现“返回顶部”按钮,点击就会迅速把页面往上滚。其中最难搞的却是样式的设置,由于ie6以下版本不支持position:fixed,必须通过ie才支持的CSS expression进行...
2011-05-10 00:44:00
96
转载 页码栏_Demo
功能介绍:通过鼠标点击页码或指示,实现页码的跳转。效果预览:功能由一个page()函数实现,函数内部含有5个功能函数,分别实现不同的功能。appendSpan(val)实现创建并添加span节点,主要通过该功能函数实现指示的生成;insertSpan(val)实现创建并插入span节点,主要通过该功能函数实现页码的生成并插入到指示标签的中间;chang...
2011-05-08 11:21:00
130
转载 图片展开_Demo
功能介绍:当鼠标点击某张图片,所有图片以相同速度向某定位点进行移动,最后使点击图片完全展露,实现图片展开效果。效果预览:创建构造函数,并在里面调用初始化函数,传入参数稍后介绍;1function gallery()2{3this.init.apply(this,arguments);4}初始化方法init()接受4个参数,分...
2011-05-05 21:27:00
128
转载 用Math.sin()与Math.cos()实现图片的圆周运动
效果展示: 重新温故Math.sin()与Math.cos()方法,想找个例子实践一下,当然想到的是圆周运动。通过设置长边与短边,就能实现椭圆运动了。废话不多说,马上入正题。首先写html代码,设置容器并附id“container”,然后加上若干图片。Html:<div id="container"><img src="...
2011-04-20 20:35:00
504
转载 绝对定位的一些疑问
众所周知,绝对定位absolute是选取其最近的父级定位元素作为参考对象的。假如没有这样的父级元素,将以body作为参考对象。带着这样的假设,写下以下代码:<div>这是父级容器<span style="position:absolute;top:0;left:0">绝对定位例子</span></div> 结果大出所...
2011-04-20 16:26:00
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人