摘要: 进度条一般在手机上用到的比较广泛,刚好最近的项目也是一直在做手机站,这个特效是手机端的一个界面,现在我把改成pc端了,进度条的快慢速度和样式可自行调节,改动也是很方便的,不多说,看代码: 1 <style> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 7 html, 阅读全文
posted @ 2016-08-27 00:15 杜Amy 阅读(4749) 评论(0) 推荐(0) 编辑
摘要: 虽然说现在早就不用ie6浏览器了,可以还是有一小部分还在使用 ,刚好公司也有要求~~~ 使用IE6的hack来书写只有IE6能识别的css样式。 关于兼容ie6的一些方法:背景png图片,括号里的是样式选择器,中间用逗号隔开 阅读全文
posted @ 2016-08-22 18:40 杜Amy 阅读(2977) 评论(0) 推荐(0) 编辑
摘要: 做了一段时间的前端之后,我开始思考,html的代码有很多,可是布局排版变来变去就那么几种,于是我就在思考,用什么简单的方式,来提高代码的重复使用率,进而提高工作效率,这是简单的一个按钮模板。大家如果感兴趣,可以自己动手练习一下哟~~~ 第一次发技术性的文章,有哪里看不懂得欢迎留言哦~~~ 先看效果图 阅读全文
posted @ 2016-08-22 17:57 杜Amy 阅读(514) 评论(0) 推荐(0) 编辑
摘要: 以4张图片为例:1.基本布局:将4张图片左浮动横向并排放入一个div容器内,图片设置统一尺寸,div宽度设置4个图片的总尺寸,然后放入相框容器div,相框设置1个图片的大小并设置溢出隐藏,以保证正确显示一个照片。2.设置动画:然后使用css3动画,通过对photos进行位移,从而达到显示不同的图片, 阅读全文
posted @ 2016-08-22 17:40 杜Amy 阅读(72384) 评论(2) 推荐(1) 编辑
摘要: css3的功能真是很强大,学无止境,不多说,直接上代码css部分: 1 html部分: 产品介绍产品介绍 阅读全文
posted @ 2016-08-16 17:49 杜Amy 阅读(17975) 评论(0) 推荐(0) 编辑