返 回 顶 部
摘要: 如上图,在制作数码热销排行的页面时,每种手机的图片都是固定的160×120大小,但是出于页面美观及内容可读性的考虑,在列表页上图片都压缩为原大小的50%显示;也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时,我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显示用户头像上:抓虾使用的技术是利用一个隐藏的浮动层,每张缩略图上注册mouseover事件,当鼠标移动到缩略图上时,设置浮动层中img元素的src属性为头像的图片URL,然后通过JavaScript计算绝对定位,将放大后的头像显示在缩略图上。事实上,如果图片显示的大小已经固定的话,不需要JavaScrip 阅读全文
posted @ 2011-08-24 14:20 lancee 阅读(254) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">今天在做个登陆页面,俩个登录页面几乎一模一样,只有连接部分文字不一样,做好后上网测试,一个连接hover有效果,另一个没有效果。(在IE里,在FF正常,再次说明IE比较脆弱,好处是锻炼了前端人员的写作规范性)我就检查hover,什么伪类,什么IE6不认这个,但是一个页面有效果,一个没有,这说明与CSS无关 阅读全文
posted @ 2011-08-24 11:10 lancee 阅读(410) 评论(0) 推荐(0) 编辑