10 2014 档案

一个简单hover动画效果
摘要：HTML:demo1 demo2CSS:.demo { width: 100px; height: 100px; text-align: center; line-height: 100px; border: 10px solid #ccc; border-rad... 阅读全文
posted @ 2014-10-28 19:40 若叶知秋 阅读(2229) 评论(2) 推荐(0)
纯CSS实现面包屑式导航
摘要：参考别人的教程，模仿了一下，效果图：html: Breadcrumb css:#crumbs ul li a { display: block; float: left; height: 5... 阅读全文
posted @ 2014-10-28 19:23 若叶知秋 阅读(1064) 评论(0) 推荐(1)
CSS3创意样式按钮实现
摘要：ButtonButtonButtonButtonButtonButtonButton自己尝试实现了几个效果，总结下制作方法（如在不同浏览器下看不到效果请在css3属性上加上个浏览器的前缀）：1：设置按钮的transition属性，做统一的过渡效果，包括按钮的:before，:after的过渡属性。2... 阅读全文
posted @ 2014-10-27 14:49 若叶知秋 阅读(338) 评论(0) 推荐(0)
CSS绘制星星评分实现分析
摘要：效果图： ★ ★ ★ ★ ★ .rating { margin: 10px 0;}.rating-3-half .star-4 { border-left-color: #f0991e;}.rating i { display: in... 阅读全文
posted @ 2014-10-27 14:46 若叶知秋 阅读(269) 评论(0) 推荐(0)
js实现上传图片预览，购物车加减
摘要：js效果（一）：上传的图片预览$("#path").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.log("objUrl = "+objUrl) ; if (objUrl) { $("#img0... 阅读全文
posted @ 2014-10-27 14:44 若叶知秋 阅读(268) 评论(0) 推荐(0)
不规则div的写法
摘要：编写过程中的效果：HTML代码：输入手机号 设置密码 .se-container{width: 100%;} .se-slope{width: 50%;height: 40px;position: relative;float: left;overflow: hidden;} .se-slo... 阅读全文
posted @ 2014-10-27 14:42 若叶知秋 阅读(1465) 评论(0) 推荐(0)
单，复选框的美化
摘要：效果如图：HTML:radio： checkbox： CSS如下：/*radio美化start*/.regular-radio {display: none;}.regular-radio + label {-webkit-appearance: none;background-color: #... 阅读全文
posted @ 2014-10-27 14:41 若叶知秋 阅读(927) 评论(0) 推荐(0)
弹出遮罩、meta内容含义
摘要：//编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码//竖屏时使用的样式//横屏时使用的样式 效果图：html：原理为在被遮罩层上添加一个隐藏的id="brg"... 阅读全文
posted @ 2014-10-27 14:30 若叶知秋 阅读(373) 评论(0) 推荐(0)