js代码如下: 大于0时为可点击状态;小于0时为不可点击状态。 css代码如下: 设置按钮为不可用状态时的颜色: 知识点: pointer-events:auto、none(为两个比较常见的属性) 当pointer-events的值设置为none的时候,有如下特性: 1、阻止用户的点击动作产生任何效 ...
分类:
其他好文 时间:
2017-10-26 16:58:51
阅读次数:
161
由于苹果对于性能的要求是近乎苛刻,如果没有可点的特性的元素系统默认不会给它响应事件,因此真机测试时容易添加不上绑定事件 解决办法: 1、通过js判断当前是否为苹果设备,如果是则加上。 代码如下: 其实我到时觉得css代码更干脆 ...
分类:
移动开发 时间:
2017-10-26 13:39:03
阅读次数:
207
html 代码: css 代码: Desktop端: 1 ul{ 2 list-style:none; 3 padding:0; 4 } 5 ul.nav{ 6 width:100%; 7 background:#000; 8 height: 40px; 9 } 10 li{ 11 display: ...
分类:
其他好文 时间:
2017-10-26 11:41:58
阅读次数:
145
注意:里边的两张图片(一大一小)可以自己添加,JQ采用jquery-1.11.3.js版,也可自行调换。 HTML代码: CSS代码: reset.min.css文件: JS代码: ...
分类:
Web程序 时间:
2017-10-24 18:21:56
阅读次数:
270
在很多设计图上,会有如下图开关或者单选,今天我就来讲讲如何用css去实现动态的开关。html代码中,是很简单的<inputtype="checkbox"id="1"class="checkbox">
<labelclass="switch"for="1"></label>下面是我们css代码<style>
.checkbox{
display:none;..
分类:
移动开发 时间:
2017-10-21 00:27:38
阅读次数:
349
原本的file上传表单非常的丑,但是又不想使用第三方插件,Bootstrap也没有相关的美化,于是用纯CSS完成,美化,JS实现功能,连BootStrap都不需要,十分简单 1.给原版丑表单隐藏了display:none 2.css代码 3.js代码,它在点击假表单的时候触发真表单,弹出文件筐,当选 ...
分类:
其他好文 时间:
2017-10-20 16:50:53
阅读次数:
239
这篇文章来自 Danny Markov, 是我最喜欢的博主之一,实际上我最近翻译的一些文章全是出自他手。在查看本文之前你也可以 查看原文。 我们都知道写 CSS 代码是有些枯燥无味的,尤其是面对那些成千上万行 CSS 代码的项目。你始终在相同的地方使用相同的规则并且在你的编译器中搜索和替换每次颜色的 ...
分类:
其他好文 时间:
2017-10-19 14:55:08
阅读次数:
188
由于同学问了我一下如何用纯css去制作一个椭圆形,于是我就在工作空闲的时候自己去试了一下。 HTML代码只需要添加一个div并为其添加一个ellipse的自定义类 <div class="ellipse"> </div> CSS代码 .ellipse{ margin-left: 100px; wid ...
分类:
Web程序 时间:
2017-10-18 18:21:53
阅读次数:
783