随笔分类 - WEB前端
摘要：当举行哀悼活动时，有时会要求将网站调整为黑白色，确保展现效果肃穆凝重 通过以下方法可快速将网站调整为黑白 首先，先下载grayscale.js文件，需要使用这个插件实现效果 链接: https://pan.baidu.com/s/1KWbWDWHclvjPcZfMIJljxA 提取码: uw9e 修
阅读全文
摘要：浏览器默认的滚动条样式不好看，用以下CSS可将滚动条样式优化为自己想要的效果
阅读全文
摘要：web页面常用的一个需求，写下拉菜单是我们往往不是用select_option，而是自定义一个元素列出选项来满足需求，当我们点击按钮出现菜单， 点击按钮或菜单以外页面空白地方隐藏该菜单，这里提供一种简单有效的方法仅供参考： 点击button出现div菜单，再次点击button隐藏菜单或点击div以外
阅读全文
摘要：这种纯CSS3美化单选按钮radio的方法适用于以下情况： 1、可兼容IE9以上，需要兼容IE8的要写IE的hack把样式去掉 2、只支持单选按钮radio，因为单选按钮选中样式的圆圈可以用CSS做出来，但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库 3、不需要JS支持切换效果
阅读全文
摘要：用JQuery把复选框checkbox更改为选中状态，但选中后再弹出选中状态，alert($("#checkbox_all").attr("checked")); 结果一直是 undefined ！！ 原来，在jquery1.6版本便对此做出了修改： 【checked属性在页面初始化的时候已经初始化
阅读全文
摘要：一、关于鼠标hover事件及延时 鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现，复杂点的用js。 一般情况下，我们是不对鼠标hover事件进行延时处理。但是，有时候，为了避免不必要的干扰，常会对鼠标hover事件进行延时处理。所谓干扰，就是当用户鼠
阅读全文
摘要：以前对某个模块增加无滚动条的滚动效果，还需要找个插件才能实现，现在发现个简单方法，用普通的CSS就可以实现。 此方法只适用于不显示滚动条的滚动效果，如果需要自定义滚动条样式，还是需要插件来实现。 HTML： CSS: 以上代码的效果是左侧固定的竖条，当内容超过一屏的时候，可滚动。 原理是外层限制宽度
阅读全文
摘要：1、点击输入框和上传按钮都打开任务管理器(兼容IE和火狐)： HTML： CSS： JS： 2、上传按钮打开任务管理器(兼容IE和火狐)： HTML： CSS：
阅读全文
摘要：做提示框的箭头时可以用以下方法： HTML： <span class="form-error">输入错误！<s class="dec1">◆</s><s class="dec2">◆</s></span> CSS： .form-error{ position: absolute; right: 0;
阅读全文
摘要：这是对自己这几年开发的一个总结，各种项目、资源、书籍、博客等。作为我自己的一个阶段性总结，也希望对大家有些帮助。项目源地址(Github)lyfeyaj/awesome-resources欢迎大家各种拍砖、纠错、最好是有 Pull Request喜欢么？或者对您有用？那就在Github 上 Star...
阅读全文
摘要：随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的...
阅读全文
摘要：上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子...
阅读全文
摘要：网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现...
阅读全文
摘要：思路一 第一种思路分两步 第一步：对document的click事件绑定事件处理程序，使其隐藏该div 第二步：对div的click事件绑定事件处理程序，阻止事件冒泡，防止其冒泡到document，而调用document的onclick方法隐藏了该div。 这样当点击页面非div区域的时候，直接或层...
阅读全文
摘要：我想大家在写CSS的时候应该都对清除浮动的用法深有体会，今天我们就还讨论下clearfix的进化史吧。clearfix清除浮动 首先在很多很多年以前我们常用的清除浮动是这样的。.clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的...
阅读全文
摘要：this is a scroll test; 页面下拉自动加载内容 hello world test DIV
阅读全文
摘要：首先出个题：如图：假设对成长速度显示规定如下：成长速度为5显示1个箭头；成长速度为10显示2个箭头；成长速度为12显示3个箭头；成长速度为15显示4个箭头；其他都显示都显示0各箭头。用代码怎么实现？差一点的if，else：var add_level = 0;if(add_step == 5){ ...
阅读全文
摘要：分享几个jquery的几个国内国外的CDN加速节点，方便广大的开发设计者调用和节约空间，官网的总是最新版本的jquery所以不用去担心版本更新问题，其他加速节点可能不会在更新版本，所以取舍问题自己决定。官网的地址http://code.jquery.com/jquery-1.11.1.min.js国...
阅读全文
摘要：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.c...
阅读全文
摘要：JS自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的，那么我们可以通过CSS来给它直接定义一个高度，同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了iframe内容未知，...
阅读全文
浙公网安备 33010602011771号