摘要:制作圆形: 要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可: #circle { width: 120px; height: 12
阅读全文
随笔分类 - 小程序
摘要:制作圆形: 要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可: #circle { width: 120px; height: 12
阅读全文
摘要:function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view
阅读全文
摘要:主要功能和界面介绍 国籍控件主要支持中文、英文过滤以及键盘上下事件。 源码介绍 国籍控件核心是两个文件,navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定;main.css主要是用于渲染国籍控件的样式。而main.js
阅读全文
摘要:我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。 思路: input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,
阅读全文
摘要:一、input:file属性 属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。 multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。 1、accept 只能选择png和gif图片
阅读全文
摘要:.select { display: inline-block; margin-left: -5px; position: relative; select { appearance:none; -moz-appearance:none; -webkit-appearance:n...
阅读全文
摘要:一、使用float:复制代码代码如下:ABCDE二、使用display:flex(这个css3属性仅谷歌和火狐支持)复制代码代码如下:ABCDE实现效果如图所示:
阅读全文
摘要:htmlcss.select_box{ float: left;}.select_box input{ width: 160px; height: 30px; text-align: center; font-size: 18px; color: #444;}.select_ul{ f...
阅读全文
摘要:由于限制字数是用原有的 maxlength会有问题,所以用一般会用js控制,今天用到三种:(一)html: 您还可以输入:个字符js:function textCounter(field, countfield, maxlimit) { // 函数,3个参数,表单名字,表单域元素名,...
阅读全文
摘要:var icolor=0;var iNum=256;var iID=setInterval(setbgColor, 500);function setbgColor(){ body.background-color="#"+icolor*iNum*iNum*iNum+icolor*iN...
阅读全文
摘要:1 2 3 4 JavaScript 5 29 58 59 60 a61 b62 63 64 </html
阅读全文
摘要:1 .car_li{display: block;float: left;padding: 10px 10px 50px 10px;background-color: #e8e8e8;cursor: pointer;}2 .car_li_cur{background-color: #436db3;}...
阅读全文
摘要:1 2 3 4 1 .searchBlock{width: 800px;height:120px;position: absolute;top:50%;left: 50%;margin-top: -97px;margin-left: -400px;padding: 15px ...
阅读全文
摘要:1 2 3 4 挑选爱车, 一分钟获得审批 5 6 7 8 9 等待电话回访,接受线下上门服务10 ...
阅读全文
摘要:1 2 3 4 5 6 7 8 9 10 1 #center1{ width:100%;min-height:634px !important;position: relative; margin:0 auto;position: ...
阅读全文
摘要: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...
阅读全文
摘要: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...
阅读全文
|