2014年10月27日
CSS3创意样式按钮实现
摘要： ButtonButtonButtonButtonButtonButtonButton自己尝试实现了几个效果，总结下制作方法（如在不同浏览器下看不到效果请在css3属性上加上个浏览器的前缀）：1：设置按钮的transition属性，做统一的过渡效果，包括按钮的:before，:after的过渡属性。2... 阅读全文
posted @ 2014-10-27 14:49 若叶知秋 阅读(337) 评论(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 若叶知秋 阅读(259) 评论(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 若叶知秋 阅读(266) 评论(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 若叶知秋 阅读(1452) 评论(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 若叶知秋 阅读(924) 评论(0) 推荐(0) 编辑
弹出遮罩、meta内容含义
摘要： //编码 // 离线应用的另一个技巧 // 隐藏状态栏 //指定的iphone中safari顶端的状态条的样式 //告诉设备忽略将页面中的数字识别为电话号码//竖屏时使用的样式//横屏时使用的样式 效果图：html：原理为在被遮罩层上添加一个隐藏的id="brg"... 阅读全文
posted @ 2014-10-27 14:30 若叶知秋 阅读(371) 评论(0) 推荐(0) 编辑