明凯博客

关注网站技术,一个特立独行的程序员

前端设计

用纯CSS实现的箭头的各种方法

用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。 以前写过一片文章,我博客的评论框就是用箭头来实现的。 纯CSS实现小箭头的方法 基本原理 原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解。 一个梯形 当 […]

,

jQuery 中post和get的使用同步操作

解决方法1: 在全局设置: 1 2 3 $.ajaxSetup({ async : false }); 然后再使用post或get方法 1 2 3 4 5 6 7 8 9 $.get("register/RegisterSta […]

, ,

layer.prompt使文本框为空的情况下也能点击确定

WX20171107-155821@2x

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值,看看我原来的代码。 1 2 3 4 5 6 7 8 9 layer.prompt({ formType: 0, value: […]

, ,

CSS中background属性的合并的写法

上次写CSS样式时同时有background-size background-positon 两个属性, 但是我想合并成一个background来写,刚开始遇到了一些麻烦,怎么写都不生效。 后面谷歌,我们应该这样子写: 1 background:no-repeat scroll […]

, ,

用纯CSS打造旋转的圆形图片的方法

TIM截图20170922153814

上次看到一个博客的LOGO图片很好看,一个旋转的圆形人物图片,但是我看他用了大量的JS代码来渲染这个效果。 其实这种方式纯CSS3是完全可以实现,我们只需要考虑清楚我们的思路。 1、圆形图片 我们这里使用了一张哈弗H2的图片。 然后把图片写成圆形。 1 2 3 height: 3 […]

, ,

HTML5中Canvas绘图各种基本图形的方法

2012112616464676

canvas是html5的一部分,当然他们说的H5也并不是html5的意思,只是表示在手机浏览器中,更侠义的是在微信浏览器中打开的酷炫的网页。 曾几何时,我也觉得canvas真的酷爆了,各种什么烟花、酷炫的动画效果、canvas游戏等,都燃烧着我学习的热情。 后来通过学习,多看书 […]

, ,

IE下radio/checkbox的change事件失效的解决办法

今天写一个全选功能,在chrome和firefox下测试都正常实现效果,到了ie下死活没效果。 一番周折,测试发现在ie中勾选了以后还要点击其他位置才会触发onchange事件。 这种问题呢,有两种方式可以解决,用onclick事件代替或者用onpropertychange事件代 […]

, ,

关于setTimeout/setInterval的第三个参数

setTimeout/setInterval,这两个函数相信前端开发同学都很熟悉。 它们在非IE(6-9)浏览器中还可以如下使用 1 2 3 setTimeout(function(obj){ alert(obj.a); &#12 […]

,

span之间的空隙的原因和解决办法

span之间的空隙,到底是什么?display:inline-block的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用display:inline-block) 1 2 3 4 5 6 7 8 9 10 11 12 […]

,

推荐一款焦点图jQuery插件 SlidesJs

js

给大家推荐一款比较好用的 Jquery Slide 插件 slidesjs,本人一直在使用的哦。 这个插件支持两种slide效果,一个是滑动,还有一个是渐隐渐出,而且它还支持自适应屏幕 自动播放,播放暂停, callback等,功能还是比较齐全,大家可以在此基础上扩展很多效果。 […]

, ,

下一页