摘要: 前几天一个项目让我头疼了很久,一个关于图片加载时的loading效果,因为不是太懂js,所以在网上各种找资料,但还是不理想,无赖苦心研究,终于有了一点眉目了,虽然个中还有一些道理不懂,至少目的达到了; 首先先明确一下我要的目的: 当用户进入页面的时候,显示loading 加载图标,等最大的图片加载之后再opacity 图片; 功能很简单,但是很蛋疼的是,我没完全做出来; 在做的时候,第一时间我自然想到了如下的方法: $(function(){ $('.banner img').load(function(){ console.log('已经加载') ... 阅读全文
posted @ 2013-11-10 10:36 小子不帅 阅读(1921) 评论(9) 推荐(2) 编辑
摘要: View Code <html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">*{margin:0;padding:0;}#div1{width:100px;height:300px;background:red;position:absolute;left:-100px;top:100px;}#div2{width:30px;height:50px;background:green;po 阅读全文
posted @ 2013-05-07 09:53 小子不帅 阅读(125) 评论(0) 推荐(0) 编辑
摘要: <html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">*{margin:0;padding:0;}#div1{width:100px;height:100px;background:red;position:absolute;left:1000px;top:30px;}</style><script type="text/javascript"&g 阅读全文
posted @ 2013-05-06 13:54 小子不帅 阅读(232) 评论(0) 推荐(0) 编辑
摘要: <html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">*{margin:0;padding:0;list-style:none;}ul{width:300px;margin:0 auto;}li{background:url(img/star.gif) 0 0 no-repeat;width:14px;height:24px;float:left;}.li_bg{background- 阅读全文
posted @ 2013-05-06 13:40 小子不帅 阅读(220) 评论(1) 推荐(1) 编辑