摘要:上三角▲ 下三角▼ 左三角 右三角 三角若需要定位自己添加position 三角的大小更改border-width,颜色更改border-color中的颜色值。 已在IE6/7/8和火狐中测试没有兼容问题,需要注意的是在IE6中不支持border-color里的transparent透明属性,即三角 阅读全文
posted @ 2013-11-15 18:01 秋月白 阅读(560) 评论(2) 推荐(1) 编辑
摘要:1.谷歌浏览器支持的字体最小为12px 2.li中图片间隙3px的解决方法: 方法一:img{vertical-align:top;} 方法二:img{display:block;} 方法二:设置容器font-size:0 3.使用锚点时,如果在IE中失效,在<a name="maodian"></ 阅读全文
posted @ 2013-11-15 17:25 秋月白 阅读(818) 评论(0) 推荐(0) 编辑
摘要:当举行哀悼活动时,有时会要求将网站调整为黑白色,确保展现效果肃穆凝重 通过以下方法可快速将网站调整为黑白 首先,先下载grayscale.js文件,需要使用这个插件实现效果 链接: https://pan.baidu.com/s/1KWbWDWHclvjPcZfMIJljxA 提取码: uw9e 修 阅读全文
posted @ 2020-04-03 14:50 秋月白 阅读(3995) 评论(0) 推荐(1) 编辑
摘要:浏览器默认的滚动条样式不好看,用以下CSS可将滚动条样式优化为自己想要的效果 阅读全文
posted @ 2019-05-30 11:36 秋月白 阅读(1727) 评论(0) 推荐(0) 编辑
摘要:web页面常用的一个需求,写下拉菜单是我们往往不是用select_option,而是自定义一个元素列出选项来满足需求,当我们点击按钮出现菜单, 点击按钮或菜单以外页面空白地方隐藏该菜单,这里提供一种简单有效的方法仅供参考: 点击button出现div菜单,再次点击button隐藏菜单或点击div以外 阅读全文
posted @ 2019-03-01 10:17 秋月白 阅读(623) 评论(0) 推荐(0) 编辑
摘要:用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的: 而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图: 下面介绍下怎样来实现这个功能 上方代码只为HTML中的部分,ajax的url地址并非通用且长期有效,还需要在微信公众号中绑定同样域名设置接口权限。 具体的方法请查 阅读全文
posted @ 2017-11-07 15:47 秋月白 阅读(21916) 评论(2) 推荐(0) 编辑
摘要:这种纯CSS3美化单选按钮radio的方法适用于以下情况: 1、可兼容IE9以上,需要兼容IE8的要写IE的hack把样式去掉 2、只支持单选按钮radio,因为单选按钮选中样式的圆圈可以用CSS做出来,但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库 3、不需要JS支持切换效果 阅读全文
posted @ 2017-06-22 15:56 秋月白 阅读(19331) 评论(0) 推荐(2) 编辑
摘要:悄悄地,GIF 格式的进度条已经越来越少,CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条,效果和 Flyme OS 4 上的加载动画一样。 首先,来看下最终的效果: 它的 HTML 结构也很简单,但不是 Single Element: 外层元素 .spinner 负责显示底部的半 阅读全文
posted @ 2017-05-08 11:59 秋月白 阅读(9426) 评论(1) 推荐(0) 编辑
摘要:用JQuery把复选框checkbox更改为选中状态,但选中后再弹出选中状态,alert($("#checkbox_all").attr("checked")); 结果一直是 undefined !! 原来,在jquery1.6版本便对此做出了修改: 【checked属性在页面初始化的时候已经初始化 阅读全文
posted @ 2016-08-25 16:11 秋月白 阅读(1062) 评论(0) 推荐(0) 编辑
摘要:一、关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现,复杂点的用js。 一般情况下,我们是不对鼠标hover事件进行延时处理。但是,有时候,为了避免不必要的干扰,常会对鼠标hover事件进行延时处理。所谓干扰,就是当用户鼠 阅读全文
posted @ 2016-08-19 10:29 秋月白 阅读(5083) 评论(0) 推荐(0) 编辑
摘要:以前对某个模块增加无滚动条的滚动效果,还需要找个插件才能实现,现在发现个简单方法,用普通的CSS就可以实现。 此方法只适用于不显示滚动条的滚动效果,如果需要自定义滚动条样式,还是需要插件来实现。 HTML: CSS: 以上代码的效果是左侧固定的竖条,当内容超过一屏的时候,可滚动。 原理是外层限制宽度 阅读全文
posted @ 2016-07-21 18:35 秋月白 阅读(3248) 评论(0) 推荐(2) 编辑
摘要:1、点击输入框和上传按钮都打开任务管理器(兼容IE和火狐): HTML: CSS: JS: 2、上传按钮打开任务管理器(兼容IE和火狐): HTML: CSS: 阅读全文
posted @ 2016-07-13 12:07 秋月白 阅读(1618) 评论(0) 推荐(0) 编辑