随笔分类 - 前端开发
javascript + css + html
摘要：var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), isAndroid = ua.match(/(Android)\s+([\d.]+)/), isMobile = isIphone || ...
阅读全文
摘要：javascript复制内容到剪切板/网页上的复制按钮的实现：DEMO如下
阅读全文
摘要：设置<hr />的颜色和粗细，不需要用到style，直接用标签的color和size属性： <hr />标签默认还有margin值，可以用style去掉
阅读全文
摘要：既然是右键菜单，首先就要重写下右键单击的功能。先准备一个用来右键单击的元素： 简要定义下高度、宽度和背景色： 接下来就来编写这个div的右键单击事件，由于元素默认都有右键菜单，所以我们首先要去掉默认默认菜单： 然后重新定义鼠标单击操作： 如上，各个键的单击的功能都改写了下，写右键菜单的话，我们只需要
阅读全文
摘要：//判断数组array中是否包含元素obj的函数，包含则返回true，不包含则返回false function array_contain(array, obj){ for (var i = 0; i < array.length; i++){ if (array[i] == obj)//如果要求数据类型也一致，这里可使用恒等号=== return...
阅读全文
摘要：//判断年份year是否为闰年，是闰年则返回true，否则返回false function isLeapYear(year){ var a = year % 4; var b = year % 100; var c = year % 400; if( ( (a == 0) && (b != 0) ) || (c == 0) ){ return tr...
阅读全文
摘要：树形目录效果如下，点击每个项可以折叠和展开子项。 代码：
阅读全文
摘要：关于日历控件，我做了好多次尝试，一直致力于开发一款简单易用的日历控件。我的想法是争取在引用这个控件后，用一行js代码就能做出一个日历，若在加点参数，就能自定义外观和功能丰富多彩的日历。Calendar 3.1是我初步满意的一个作品。 日历的常用场景有两种，一种是用在日期选择器里面，比如某个位置需要输
阅读全文
摘要：-- 本文版权归博客园和dige1993所有，访问作者博客 -- 最近用Dreamweaver做了几个网页，打算上传到远程FTP服务器的时候，同步文件和连接FTP服务器时总是超时出错，一直处在“等待服务器”状态，最后还提示要切换“使用被动式FTP”复选框，提示如图： 我一开始并不明白这是个啥意思，但
阅读全文
摘要：href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的，今天在项目中使用时发现前者的this根本拿不到触发事件的A标签，而后者可以拿到 一般在做分页按钮时会用A标签来做，但是一般都会写<a href="#"
阅读全文
摘要：网站首页放几张高清大图轮流播放展示是目首页设计的流行做法，虽然woothemes.com已经公布了比较成熟的flexslider工具，但我也做了一个自己的flexslider，自己掌握核心技术才是王道，下面简单介绍下我这款插件的用法。 首先是下载flexslider，放到自己的web项目目录下，fl
阅读全文
摘要：取消chrome浏览器下input和textarea的默认样式： html5默认input内容清除“×”按钮去除办法：
阅读全文
摘要：背景半透明，子元素不透明的效果经常需要用到。通常对父容器使用opacity属性时，子元素也跟着变透明，所以不妨设置父容器的 background-color:rgba(r,g,b,x); 其中x取值从0到1，表示透明程度。
阅读全文
摘要：相对于父容器水平居中的代码margin:0 auto与overflow:hidden之间存在冲突。当这两个属性同时应用在一个DIV上时，在chrome浏览器中将无法居中。至于为啥我也不明白。
阅读全文
摘要：很多网站首页，都用滚动的大图，每滚过一张，停留几秒；点击图片，能进入详情页；上面有导航器，点击导航，图片可以滚动到指定页，这个效果我想学习很久了，最近才自己摸索出来： <!doctype html> <html> <head> <meta charset="utf-8"> <style> #oute
阅读全文
摘要：解决办法：给body添加min-width属性
阅读全文
摘要：类似于百度首页的效果，当放大缩小网页的时候，背景图都不会发生变化：首先要有一张分辨率超过几乎所有主流显示屏分辨率的大图，比如1920*1280dpi，将其设置成body的背景然后将background-size属性设置成cover，background-attachment设置成fixed，核心代码...
阅读全文
摘要：可编辑设置contentEditable属性可以让div编程可编辑状态
阅读全文
摘要：不知道多久没和她说话了，分手之后，除了时不时还能在群上看看她冒冒泡，我们已没有正面交流，打开聊天窗口都会感到尴尬。突然有一天，她发微信给我，她说她要学前端开发。关于前端开发，我们之间还有段故事。那时候我们还没开始交往，但我平时总会有意无意流露出一些喜欢她的暗示，她也领会到了，只是我从不表白，她也...
阅读全文
