02 2013 档案

压缩与解压缩
摘要：tar 解压缩命令tar-c: 建立压缩档案-x：解压-t：查看内容-r：向压缩归档文件末尾追加文件-u：更新原压缩包中的文件这五个是独立的命令，压缩解压都要用到其中一个，可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。-z：有gzip属性的-j：有bz2属性的-Z：有compress属性的-v：显示所有过程-O：将文件解开到标准输出下面的参数-f是必须的-f: 使用档案名字，切记，这个参数是最后一个参数，后面只能接档案名。# tar -cf all.tar *.jpg这条命令是将所有.jpg的文件打成一个名为all.tar的包。-c是表示产生新的包，-f指定 阅读全文
posted @ 2013-02-28 14:56 mabel_on_line 阅读(167) 评论(0) 推荐(0)
jQuery animate实现slideUp slideDown 的反向
摘要：function showLockWarningUI(selection_id){ var element = $('#' + selection_id + ' .lock-warning-container'); element.show().find('.lock-warning-section').css('opacity','0').animate({top:'0px',opacity:'1'},500); setTimeout(function(){ hideLocking 阅读全文
posted @ 2013-02-28 14:07 mabel_on_line 阅读(3032) 评论(0) 推荐(0)
放新浪微博的箭头css写法
摘要：<div class="arrow">◆</div>.arrow{ font-family:"SimSun"; font-size:12px; color:#EF5A27; position:absolute; bottom:-17px; left:103px;} 阅读全文
posted @ 2013-02-26 18:20 mabel_on_line 阅读(322) 评论(0) 推荐(0)
script中用php
摘要：(function($){ var a = <?php echo ($keyword_lock)?1:0; ?>;$.log(a); })(jQuery); 阅读全文
posted @ 2013-02-26 17:29 mabel_on_line 阅读(214) 评论(0) 推荐(0)
bubble 界面代码
摘要：一.之前的for (x = 0; x < 6; ++x) { setInterval((function(x){ return function() { $(boxItems[x]).fadeOut(3000,function() { itemPeopleInfoRender(people_infos, $(this)); }).fadeIn(3000); ... 阅读全文
posted @ 2013-02-25 13:55 mabel_on_line 阅读(241) 评论(0) 推荐(0)
jQuery closest
摘要：closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。closest和parents的主要区别是：1，前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找；2，前者逐级向上查找，直到发现匹配的元素后就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤；3，前者返回0或1个元素，后者可能包含0个，1个，或者多个元素。 阅读全文
posted @ 2013-02-22 11:41 mabel_on_line 阅读(261) 评论(0) 推荐(0)
嵌套浮动bug
摘要：嵌套浮动bug 给 子元素浮动元素设置高度就好 阅读全文
posted @ 2013-02-21 18:50 mabel_on_line 阅读(158) 评论(0) 推荐(0)
php 产生随机数
摘要：$offset = rand(0, 100); 阅读全文
posted @ 2013-02-21 17:29 mabel_on_line 阅读(121) 评论(0) 推荐(0)
回调函数 用法实例
摘要：实例来自于友拓网的登录之后的hello页面 气球的页面setInterval(function(){ $('.bubble-box-item').eq(0).fadeOut(1000,function(){ var infoChangeNode = $(this); itemPeopleInfoRender(people_infos,infoChangeNode);//之前一直纠结如果直接回调一个函数名，而这个函数是需要传入参数的那怎么办，办法就是这样 })... 阅读全文
posted @ 2013-02-21 14:12 mabel_on_line 阅读(203) 评论(0) 推荐(0)
Math.floor((Math.random()*10000))
摘要：Math.floor((Math.random()*10000))与(Math.floor(Math.random()*9+1))*1000的最大区别就是随机数范围的随机数个数相差很大，前者的范围更大。 阅读全文
posted @ 2013-02-20 16:45 mabel_on_line 阅读(2334) 评论(0) 推荐(0)
setInterval 应用实例
摘要：实例来源于http://uc.webdev.lesongapp.cn/recruit_shaoyang/ 登录后的hello pege 气球淡入淡出特效peopleInfoFadeToggle(); setInterval(peopleInfoFadeToggle,3000) function peopleInfoFadeToggle(){ var nodeIndex = Math.floor(Math.random()*6); $('.bubble-box-item').find('.pe... 阅读全文
posted @ 2013-02-20 15:19 mabel_on_line 阅读(586) 评论(0) 推荐(0)
jQuery $.each用法
摘要：以下内容非原创，来自百度文库http://wenku.baidu.com/view/4796b6145f0e7cd18425368e.html通过它，你可以遍历对象、数组的属性值并进行处理。使用说明each函数根据参数的类型实现的效果不完全一致：1、遍历对象(有附加参数)$.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数}, ['参数1', '参数2']);2、遍历数组(有附件参数)$.each(Array, function(p1, p2){ 阅读全文
posted @ 2013-02-19 16:12 mabel_on_line 阅读(183955) 评论(8) 推荐(15)
获取DOM style的封装 函数
摘要：函数定义：function getStyleValue(text){ if (text){ return parseInt(text.replace(/px$/g, '')); }else{ return 0; } }函数调用：var a =getStyleValue(thisNOde.css('padding-top')); 阅读全文
posted @ 2013-02-17 14:02 mabel_on_line 阅读(305) 评论(0) 推荐(0)
jQuery显示和隐藏 常用的状态判断方法
摘要：显示：show() display:block;隐藏：hide() display:none;当显示和隐藏切换的时候，需要判断此刻是显示还是隐藏，那判断条件常用以下几种方法：1.if(thisNode.is(':hidden')){......}else{.......}2.首先给thisNode的Dom元素加class标识，例如改标识为class="showFlag",判断如下 if(thisNode.hasClass('showFlag')){.......}else{......}　同样的道理，也可以判断thisNode的其他内容，例如 阅读全文
posted @ 2013-02-17 11:04 mabel_on_line 阅读(12703) 评论(0) 推荐(0)
实例 （用到 阻止事件冒泡 event.stopPropagation();）
摘要：本实例的效果来自于http://uc.webdev.lesongapp.cn/recruit_shaoyang/登录之后 搜索技能 展示结果 可点击搜索结果的某一列表 查看效果 其实是click之后一个展开和收缩的效果 只是每一个列表下面还有click事件function showMoreInfo(){ var infoListItemNode = $('#search_results_container .results-list li'); infoListItemNode.click(function(e){ ... 阅读全文
posted @ 2013-02-16 17:53 mabel_on_line 阅读(536) 评论(0) 推荐(0)
实例 （用到：相关元素 e.target） 仿人人网 鼠标悬浮到某一头像上 出现个人信息摘要 卡片形式 鼠标离开 卡片消失
摘要：实例 （用到：相关元素 e.target） 仿人人网 鼠标悬浮到某一头像上 出现个人信息摘要 卡片形式 鼠标离开 卡片消失这里的具体效果来自于 u2top.cn 登录之后 右侧的企业信息列表 悬浮可看到效果function bindShowCompanyCardUI (interestingCompanyList){ $(interestingCompanyList).delegate('.interesting-company-item', 'mouseenter', function(e){ $('#company_card_box'... 阅读全文
posted @ 2013-02-16 17:50 mabel_on_line 阅读(543) 评论(0) 推荐(0)
javascript 事件冒泡 和 冒泡事件阻止
摘要：本文摘自网友的文章http://www.cnblogs.com/wuhen/archive/2010/08/12/1798348.htmlhttp://www.cnblogs.com/jams742003/archive/2009/08/29/1556187.htmlJavaSciprt事件中有两个很重要的特性：事件冒泡 以及目标元素 。事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素，并且它在我们 阅读全文
posted @ 2013-02-16 17:47 mabel_on_line 阅读(416) 评论(0) 推荐(0)
(function($){...})(jQuery) 含义
摘要：经常用，今天总结一下，下文摘自某网友的总结：(function($){...})(jQuery)实际上是匿名函数，不懂得朋友可以继续往下看。这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQu 阅读全文
posted @ 2013-02-16 14:56 mabel_on_line 阅读(7110) 评论(1) 推荐(1)