玲儿灵

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  小程序

摘要:制作圆形: 要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可: #circle { width: 120px; height: 12 阅读全文
posted @ 2017-11-26 16:36 玲儿灵 阅读(251) 评论(0) 推荐(1) 编辑

摘要:调用: 阅读全文
posted @ 2017-05-13 05:10 玲儿灵 阅读(510) 评论(0) 推荐(0) 编辑

摘要:function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view  阅读全文
posted @ 2016-12-22 15:57 玲儿灵 阅读(145) 评论(0) 推荐(0) 编辑

摘要:主要功能和界面介绍 国籍控件主要支持中文、英文过滤以及键盘上下事件。 源码介绍 国籍控件核心是两个文件,navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定;main.css主要是用于渲染国籍控件的样式。而main.js 阅读全文
posted @ 2016-10-24 16:19 玲儿灵 阅读(292) 评论(0) 推荐(0) 编辑

摘要:我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。 思路: input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹, 阅读全文
posted @ 2016-10-19 17:12 玲儿灵 阅读(4814) 评论(1) 推荐(0) 编辑

摘要:一、input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。 multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。 1、accept 只能选择png和gif图片 阅读全文
posted @ 2016-10-19 17:11 玲儿灵 阅读(1389) 评论(0) 推荐(0) 编辑

摘要:.select { display: inline-block; margin-left: -5px; position: relative; select { appearance:none; -moz-appearance:none; -webkit-appearance:n... 阅读全文
posted @ 2016-10-19 17:07 玲儿灵 阅读(496) 评论(0) 推荐(0) 编辑

摘要:一、使用float:复制代码代码如下:ABCDE二、使用display:flex(这个css3属性仅谷歌和火狐支持)复制代码代码如下:ABCDE实现效果如图所示: 阅读全文
posted @ 2015-05-18 09:19 玲儿灵 阅读(439) 评论(0) 推荐(0) 编辑

摘要:随意点击弹出我,看看我有什么不同? 阅读全文
posted @ 2015-03-04 17:15 玲儿灵 阅读(231) 评论(0) 推荐(0) 编辑

摘要:htmlcss.select_box{ float: left;}.select_box input{ width: 160px; height: 30px; text-align: center; font-size: 18px; color: #444;}.select_ul{ f... 阅读全文
posted @ 2014-12-19 15:02 玲儿灵 阅读(222) 评论(0) 推荐(0) 编辑

摘要:由于限制字数是用原有的 maxlength会有问题,所以用一般会用js控制,今天用到三种:(一)html: 您还可以输入:个字符js:function textCounter(field, countfield, maxlimit) { // 函数,3个参数,表单名字,表单域元素名,... 阅读全文
posted @ 2014-10-15 20:42 玲儿灵 阅读(296) 评论(0) 推荐(0) 编辑

摘要:var icolor=0;var iNum=256;var iID=setInterval(setbgColor, 500);function setbgColor(){ body.background-color="#"+icolor*iNum*iNum*iNum+icolor*iN... 阅读全文
posted @ 2014-09-29 15:34 玲儿灵 阅读(492) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 JavaScript 5 29 58 59 60 a61 b62 63 64 </html 阅读全文
posted @ 2014-09-29 14:50 玲儿灵 阅读(366) 评论(0) 推荐(0) 编辑

摘要:1 .car_li{display: block;float: left;padding: 10px 10px 50px 10px;background-color: #e8e8e8;cursor: pointer;}2 .car_li_cur{background-color: #436db3;}... 阅读全文
posted @ 2014-09-28 14:11 玲儿灵 阅读(210) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 1 .searchBlock{width: 800px;height:120px;position: absolute;top:50%;left: 50%;margin-top: -97px;margin-left: -400px;padding: 15px ... 阅读全文
posted @ 2014-09-28 11:22 玲儿灵 阅读(368) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 挑选爱车, 一分钟获得审批 5 6 7 8 9 等待电话回访,接受线下上门服务10 ... 阅读全文
posted @ 2014-09-28 11:16 玲儿灵 阅读(206) 评论(0) 推荐(0) 编辑

摘要:1 2 3 4 5 6 7 8 9 10 1 #center1{ width:100%;min-height:634px !important;position: relative; margin:0 auto;position: ... 阅读全文
posted @ 2014-09-28 11:10 玲儿灵 阅读(272) 评论(0) 推荐(0) 编辑

摘要:1 2 1 .image,.image_particulars{float: left;}2 .image{width: 300px;border: 1px solid silver;}3 .image_particulars{width: 300px;height: 300px;border: 1... 阅读全文
posted @ 2014-09-26 14:37 玲儿灵 阅读(215) 评论(0) 推荐(0) 编辑

摘要:html:1 css:1 .angle{2 width: 0px;3 height: 0px;4 border-bottom: 50px solid red;5 border-top: 50px solid transparent;6 border-left: 50px soli... 阅读全文
posted @ 2014-09-26 14:19 玲儿灵 阅读(174) 评论(0) 推荐(0) 编辑