CSS的伪元素（二）
摘要：随便聊聊CSS的伪元素，虽然它们在项目开发中用的并不多,但确实很有用,在项目中不用它,是因为大家不能了解它们,下面是一个工作场景,如有四个按钮,分别是建立,编辑,删除和修改,而我们要求这在前台显示的汉字是统一的,如果要改它们,就都要变的,如,我们希望把建立改为"新建",那么所有的建立都要改成新建,这代码量可是不小,当然,如果你这样写建立这改起来是挺麻烦的,而如果你使用伪元素呢?看下面代码:,而在页面上也会显示"建立",而它就是通过伪元素来实现的。 一 元素前和元素后添加指定内容/* 在类名为read的a标签位置的后面添加查看字符,例如:详细,它的结果就是
阅读全文
posted @
2014-03-31 17:27
雨为我停
阅读(382)
推荐(0) 编辑
她让我懂得了怎样学习Flash
摘要：原文：http://www.asv5.cn/blog/article.asp?id=169最近忙着寻找两样丢失了很久的东西，都是她帮我找回来的，第一样叫做自信，第二样叫做梦想。也正因为有了她，我才从忧伤和失落中逃脱出来，也才有了重登Flash区版主宝座的勇气。这次刚回来，就先不写教程了，因为自己对AS3依然比较陌生。就来给大家分享一下学习Flash的心得。她是个完全不懂Flash的小妹妹，但今天说的这一切，都是她教给我的。这当中包含了一些学习其他知识的大道理，所以，我也曾考虑过这篇文章是否应该发到水区。一直以来，我学习Flash都是三天打渔，两天晒网，自问从来都没有静下心来学习。所以，尽管我曾
阅读全文
posted @
2014-03-31 14:18
雨为我停
阅读(269)
推荐(0) 编辑
太急于挣钱不是什么好事
摘要：年底了，又该到了年终总结的时候了。这一年我并没有做太多的事，也就整了两三本书。大多的时间是学习，休息，打扫卫生，游玩，交友，带孩子... 年过三十，很多事越来越明白了，突然发现前三十年基本活在混沌之中。其实太急于挣钱不是什么好事~ 如果你没那个智商，没那个背景，没那个命，努力也不会有太大改善。反而会以你的信誉、健康、家庭和睦为代价。这个代价会非常沉重，需要你花很长时间去恢复。不如顺其自然，不断积累并完成好当前的工作，然后慢慢等待时机。我在前一段完成的《微距与商业摄影》的前言中曾提到，不要被那些弱智的励志书怂恿的像一头复仇的公牛,有一天你倒下了，倒霉的是你自己和家人。 很多人都是为了生计...
阅读全文
posted @
2014-03-31 14:14
雨为我停
阅读(348)
推荐(0) 编辑
面试题目（2）
摘要：面试第二天，貌似已经习惯了记下笔试题目，然后去温习自己不懂的地方。就当面试，是一个不断温习的过程，不断进步的过程。 1、div2放在div1中，需要通过CSS将div2放置于div1的右下角 当时想到的是用margin去控制，但是想到没有宽度和高度，故而想到了定位，这个题目很狡猾，它从字面上没提到定位二字。所以，我在div2中写的是position:relative;bottom:0;right:0;没细想，事实上这句话是有问题的，因为我写的relative，div1是父元素，并没有定位，所以就算是相对定位，也依旧是左上角。正确的应该是这样： ...
阅读全文
posted @
2014-03-25 22:36
雨为我停
阅读(192)
推荐(0) 编辑
面试题目（1）
摘要：来北京第二天，裸辞的我开始漫漫找工作的路。不过虽说依旧是菜鸟，但也还是感觉自己可以找到个好工作。面试第一家，那是一家外包公司，HR居然是女的，好严肃和犀利。气场上，我怂了。 稍微问两三个问题，啊，没答上来，不耐烦的HR直接说了据——今天先到这儿。悲剧。不过俗话说，不打无准备的战，看，这就是下场，让我不看书。 其中有一个问题是：ie6的一个bug——IE下两个div之间会出现3个像素的Bug(经典的3pxBug)。而后，自己试验了下这个问题，如何解决。两行左右分布，右侧固定左侧自适应。右侧的内容左侧的内容 解决方案：在left样式中加入_margin-right:-3px;在righ...
阅读全文
posted @
2014-03-24 17:11
雨为我停
阅读(222)
推荐(0) 编辑
淘宝语音搜索的实现——html5
摘要：作为一个专业的淘宝控，不知道从什么时候开始发现淘宝上居然还有语音搜索，好吧，因为好奇心作祟还是想一探究竟。不过我想仔细一点的人，都会发现在只有在webkit内核的浏览器上有，原因是它只支持webkit内核浏览器。我们先看下他们的不同显示 下面是在火狐下的截图 下面这个是在chrome下的截图 能猜想到的，就是写的代码肯定是不兼容的。不过你会发现真是比较简单的，就算你是前端初学者你也会明白 其中参数的意义：属性x-webkit-speech就是让你的输入框的右边出现一个小话筒，有了语音的功能。而lang，则是强制输入框里面的语音的语言种类，例如上面写的lang=...
阅读全文
posted @
2014-03-14 12:11
雨为我停
阅读(1552)
推荐(0) 编辑
常用的验证数字之正则
摘要：天天倒弄正则表达式，天天倒弄验证，各种验证，基本都用了一遍。最简单莫过于isNaN，常用的莫过于用户名、邮箱、密码、身份证的验证等等。1、就算isNaN简单，也想说说，毕竟之前基本没用到过。isNaN——是javascript中的函数，是用来判断是否为非数字的，若是则返回true，反之是false。else if(isNaN($("#matchTicket").attr("value"))){ alert('比赛券必须为数字!'); $("#matchTicket").select(); return false; }
阅读全文
posted @
2014-03-12 10:48
雨为我停
阅读(376)
推荐(0) 编辑
验证“开始日期大于结束日期”
摘要：具体代码如下: /** * 用时间戳来验证时间(开始和结束时间)(不含有时分秒) * @param startTime,endTime */ function isValidTime(startTime,endTime){ var startstrs = startTime.split("-"); var startyear = startstrs[0]; var startmonth = startstrs[1]; var startday = startstrs[2]; var startDate = new Date(star...
阅读全文
posted @
2014-03-11 18:44
雨为我停
阅读(610)
推荐(0) 编辑
各种去掉空格的正则
摘要：一、去掉全角左侧空格/** * 全角左侧空格去掉 */function ultrim(s){ return s.replace(/^[" "|" "]*/, "");}二、去掉全角右侧空格/** * 全角右侧空格去掉 */function urtrim(s){ return s.replace(/[" "|" "]*$/, "");}三、去掉全角前后空格/** * 全角前后空格去掉 */function utrim(s){ return urtrim(ultrim(s));}
阅读全文
posted @
2014-03-11 18:33
雨为我停
阅读(2189)
推荐(0) 编辑
strleng函数和filterHtml函数的据悉
摘要：紧接着“CKEditor如何统计文字数量”，我想稍微说下，下面就filterHtml就是用来过滤全部html标签的。/***过滤html标签*/function filterHtml(s){ s = s.replace(/]*>/g,''); return trim(s);}也许有时候你并不是只想去掉html标签，还有去掉多余空行和去掉行尾空白，可以这样写，当然这些在日常的运用中是远远不够的——各种去掉空格的正则str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行str = str.replace(/[ |
阅读全文
posted @
2014-03-11 18:31
雨为我停
阅读(818)
推荐(0) 编辑
CKEditor如何统计文字数量
摘要：今天在修改v5后台的比赛系统时，发现文本框需要限制输入字数。我们这个系统用的是3.6.3版本的，前台代码是这样的 经过不断的尝试，最终采用CKEDITOR.instances.matchContent.getData().length，这就是这个输入框的文字长度，然后给它添加一段javascri...
阅读全文
posted @
2014-03-11 18:18
雨为我停
阅读(2648)
推荐(0) 编辑
作品展示（4）
摘要：三、挑战赛：仅一个页面，主要是动态效果居多，是一个游戏报名页面，鼠标滑过“第几关”即会出现报名详情，点击“比赛详情”即会出现比赛详情。可供下载：源码截图：
阅读全文
posted @
2014-03-10 22:29
雨为我停
阅读(224)
推荐(1) 编辑
作品展示（3）
摘要：二、商城系统：共7个页面，订单页面（index.html）,商品页面（good.html）,动态页面（dynamic.html），报表页面（report.html），系统页面（report.html），日志页面（log.html）可供下载：源码截图：
阅读全文
posted @
2014-03-10 22:27
雨为我停
阅读(171)
推荐(0) 编辑
作品展示（2）
摘要：一、会员系统：共有20个页面，会员页面（index.html）,会员内嵌页面（embeddedPage），其他均是会员详情页面。可供下载：源码截图：
阅读全文
posted @
2014-03-10 21:29
雨为我停
阅读(166)
推荐(0) 编辑
实现隔行变色及鼠标滑过变色
摘要：//test("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景","经过时字色","经过后字色",开始变色的行号);调用：test("table1", "#FFF", "#EEE", "#1B3243", "#074387", "#FFF", "#666", 2);function test
阅读全文
posted @
2014-03-10 10:33
雨为我停
阅读(289)
推荐(0) 编辑
常见的js函数
摘要：改变元素的样式var changeStyle = function(elem,name,value){ elem.style[name] = value;}空位补零function toDouble(num){ if(numnum2) //右 { return 1; } else //一样 { return 0 ; } });alert(arr);// 更加简洁的var arr = [12,34,2,19,78];arr.sort(function(num1,num2){return num1-num2; });alert(arr);如果要排序的是中文字var arr = ['张三&#
阅读全文
posted @
2014-03-10 10:29
雨为我停
阅读(349)
推荐(0) 编辑
js一些平时会用到的
摘要：如何屏蔽页面js错误常用转义字符转义前 转义后 >nodeType的取值元素节点节点类型取值元素element1属性attr2文本text3注释comments8文档document9javascript:void(0)与#的区别 js中void是一个操作符，但是这个操作符指定要计算一个表达式但是不返回值，返回的是undefined 正常的情况：javascript:void(expression); eg: 单击此处提交表单 但是常见的有javascript:void(0)，而这个是用户点击之后什么也不会发生。跟#的区别，#包含了一个位置信息，默认的瞄点是#top,也就是网..
阅读全文
posted @
2014-03-10 10:28
雨为我停
阅读(235)
推荐(0) 编辑
CSS命名规范
摘要：一、CSS命名规范： 1、文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、常用类/ID命名规范 页 眉：header 内 容：content 容 ...
阅读全文
posted @
2014-03-10 10:26
雨为我停
阅读(248)
推荐(0) 编辑
(function(){})()这个是什么？有不明觉厉的感觉么？
摘要：今天在RunJs上看到一个人分享的一个jquery代码，写的是jquery弹性滑动效果。不过，看着看着，发现一句代码(function{})()，突然有种不明觉厉的感觉。 事实上，只是因为我们没有用过而已。经过一般百度，发现原来(function(){})()，其实就是先定义function **(){},然后调用 **(); ()是最高优先级的，所以先执行function()。也就等同于，定义了一个匿名函数** = function(){}，再接着调用**(){}。
阅读全文
posted @
2014-03-06 14:49
雨为我停
阅读(180)
推荐(0) 编辑
延迟加载图片的 jQuery 插件——lazyload.js
摘要：lazyload 这个 jQuery 插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时 候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。 如果一个人不看下面的图片，那加载下面的图片就是一种浪费。 而Lazy Load 插件原理：直接修改 HTML 的结构，在 img 标签中添加新的属性，把 src 属性的值指向占位图片，添加 data-original 属性，让其指向真正的图像地址。 具体效果...
阅读全文
posted @
2014-03-05 11:13
雨为我停
阅读(178)
推荐(0) 编辑
”运行代码”功能是如何实现的？
摘要：在很多网站中，我们都可以看到有一个东西，只要我们把代码粘贴上去，点击运行按钮，就直接可以看到效果。而这个“运行代码”部分是如何实现的呢？实现"运行代码"按钮运行代码
阅读全文
posted @
2014-03-04 17:26
雨为我停
阅读(547)
推荐(0) 编辑
点击按钮后变灰（等待60秒）
摘要：一般我们在登录网上银行时，或者注册账号时，发送验证码时，经常为了避免邮件或者短信的多次重复发送，所以可以在点击了发送后按钮就会变灰。如下图 点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击
阅读全文
posted @
2014-03-04 16:54
雨为我停
阅读(2266)
推荐(0) 编辑
确认关闭网页
摘要：当用户关闭页面时，弹出对话框，让用户确认是否关闭，选择确定则页面关闭，否则页面不关闭。如下图所示，这个是非常常见。确认关闭网页 既然有关闭页面的弹出框，那肯定也有“关闭这个窗口，进入另一个页面”，其实是相同的道理关闭本网页，进入新页面
阅读全文
posted @
2014-03-04 16:09
雨为我停
阅读(535)
推荐(0) 编辑
仿淘宝导航菜单
摘要：淘宝导航菜单 亲，请登录 免费注册 手机逛淘宝 我的淘宝 已买到的宝贝 ...
阅读全文
posted @
2014-03-04 15:43
雨为我停
阅读(718)
推荐(0) 编辑
小图标集锦
摘要：1.箭头 2.more按钮 3.返回顶部按钮 4.默认头像图标 以上图标并不全，需要更多请下载。供下载 各种图标集锦
阅读全文
posted @
2014-03-04 11:05
雨为我停
阅读(184)
推荐(0) 编辑
javascript中常用数组函数
摘要：1.split方法——通过分隔符，将字符串分割，导出字符数组常用于：分割IP地址，分割文件路径（上传文件时）等等
阅读全文
posted @
2014-03-04 10:56
雨为我停
阅读(136)
推荐(0) 编辑
css的伪元素
摘要：这里想将的是两个伪元素，一个是:first-line——用来向文本的首行添加特殊样式，并且不论该行出现多少单词；只能与块状元素关联。如下属性可以应用于:first-line伪元素font属性color属性background属性word-spacingletter-spacingtext-decorationvertical-aligntext-transformline-heightclear向段落的第一个字符添加特殊样式（让第一行颜色变红） 第一行第二行第三行还有一个经常会出现在面试题当中的，用来改变默认选中文本颜色——::selection，但由于是css3的属性，故而可用的浏览器...
阅读全文
posted @
2014-03-04 09:49
雨为我停
阅读(200)
推荐(0) 编辑
获取上传文件的后缀名
摘要：在做项目中，上传文件是经常会碰到的，所以经常要对文件的类型进行判断---也就是对文件后缀名进行判断，用javascript可以很容易的做到这一点。 javascript获取上传文件的后缀名
阅读全文
posted @
2014-03-03 18:03
雨为我停
阅读(2680)
推荐(0) 编辑
应用emailAutoComplete.js来自动显示邮箱后缀列表
摘要：我们经常有邮箱的人都特别清楚，在输入我们的邮箱时，会自动显示出邮箱后缀列表，这个用户体验是不错的。 操作据悉——当我们输入文字时，会自动有个邮箱后缀名的列表。 而我这边的代码是，应用jquery架包，以及emailAutoComplete.js。这边html中只是给输入框一个class，还有父级元素class。邮箱列表，可以在emailAutoComplete.js中根据需要进行编辑。 具体操作如下： 1. 支持键盘上下移键盘操作，支持鼠标点击及按回车操作。 2. 点击document时候 除当前input输入框之外 下拉框隐藏。当接着输入时候 实现自动匹配等等操作。 自动显示...
阅读全文
posted @
2014-03-03 17:43
雨为我停
阅读(698)
推荐(0) 编辑
