02 2013 档案

摘要:现在很多门户网站页面内容庞大,都会往下拉很长, 在以前我们想回顶部的时候要不断往上滚动鼠标的滚轮,直到滚到顶部为止,现在如果大家细心观察右下角是不是有一个点击回到顶部的按钮呢,对, 今天我要说的就这个按钮的布局,闲话不多说,直接上代码,在代码中我尽量的标注css样式,以方便大家阅读; 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <h 阅读全文
posted @ 2013-02-21 10:49 幽灵的礼物 阅读(486) 评论(1) 推荐(0) 编辑
摘要:前不就公司项目要求做一个比较蛋疼的布局,类似于window xp桌面图片布局方式,而且要求尽量不要用嵌入js脚本,用纯div+css布局,在不断探索和摸索下也只现实了IE8+,firfox, chrome浏览器,别的不多说,直接上代码。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://w 阅读全文
posted @ 2013-02-20 15:21 幽灵的礼物 阅读(1008) 评论(1) 推荐(0) 编辑
摘要:在写这篇文章之前我一直在纠结一个问题,那就是以前实现的拖动拖快了总会有一些卡顿,脱节,不流畅,只能轻轻的小心翼翼的慢慢的拖拽,这样就失去了web页面中窗口拖动的意义,所以在这儿我分享出来和大家一起共同进步。首先说一下javascript+div拖动的原理:1.要拖动必然要触发3个事件,鼠标左键按下去(onmousedown), 移动鼠标(onmousemove), 释放鼠标左键(onmouseup).2.拖动之前必须要对目标对象(也就是需要拖动的div)进行初始化事件绑定,下面代码里面会详细介绍3.下面就是拖动的详细步骤了,首先也拖动对象绑定一个onmousedown事件函数,这个事件函数里面 阅读全文
posted @ 2013-02-20 14:33 幽灵的礼物 阅读(892) 评论(10) 推荐(3) 编辑