07 2014 档案

tab切换
摘要：原生js的tab切换 阅读全文
posted @ 2014-07-31 16:51 唸随爱 阅读(154) 评论(0) 推荐(0)
uglifyjs压缩JS
摘要：首先，去http://nodejs.org下载安装。我下的版本是0.8.14。安装很简单，下一步需要先安装node，进入命令行，查看node，npm是否正确安装。接下来安装UglifyJS，命令如：npm install uglify-js -g于是，下面就可以压缩JS了。下面演示如何使用uglif... 阅读全文
posted @ 2014-07-28 15:56 唸随爱 阅读(305) 评论(0) 推荐(0)
背投广告js
摘要：js:$('#appwrap').append('');css:#ad_l,#ad_r{ width:200px; height:500px; @extend %pa; top:10px;}#appwrap{ @extend %w980; height:0; line-height:0; font-... 阅读全文
posted @ 2014-07-28 14:32 唸随爱 阅读(227) 评论(0) 推荐(0)
鼠标到哪tl到哪
摘要：$(".navcon a").mouseover(function(){ var that = $(this), index = that.index(); that.addClass('cur'); $(".tl").stop().animate({... 阅读全文
posted @ 2014-07-22 16:54 唸随爱 阅读(87) 评论(0) 推荐(0)
word-wrap同word-break的区别（转）
摘要：本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是word-wrap:break-word; overflow:hidden;在 IE 下没有任何问题，在 FF 下，... 阅读全文
posted @ 2014-07-21 19:24 唸随爱 阅读(208) 评论(0) 推荐(0)
HTML中的转义字符
摘要：HTML常用符号：显示一个空格   大于 > >& &符号 & &" 双引号 " "其他常用的字符实体(Character Entities)显示结果 说明 Entity Name Entity Number? 版权 © &#16... 阅读全文
posted @ 2014-07-21 16:36 唸随爱 阅读(392) 评论(0) 推荐(0)
xml & 符号表示方法,xml转义字符
摘要：HTML,xml 中，&等有特别含义，(前两个字符用于链接签，&用于转义)，不能直接使用。使用这三个字符时，应使用他们的转义序列，如下所示： &或& & 和 <或 > 大于号 " " 双引号 ... 阅读全文
posted @ 2014-07-21 16:33 唸随爱 阅读(1652) 评论(0) 推荐(0)
图片上没有line-height垂直居中
摘要：注意我们添加了一个额外的span从而在7以下版本的IE中修复该bug；我们还将display属性设置为inline-block来使我们关键的span拥有“layout”。最后结果：一切都正常了。 阅读全文
posted @ 2014-07-21 15:36 唸随爱 阅读(249) 评论(0) 推荐(0)
js展开更多
摘要：var introduces = { inIt : function(){ introduces.imgLoad(); introduces.showMore(0,'hioh',86); introduces.showM... 阅读全文
posted @ 2014-07-21 15:31 唸随爱 阅读(467) 评论(0) 推荐(0)
置顶
摘要：$(function(){ $("body").append(''); $(window).scroll(function(){ itemshow($(this)); }) function itemshow(el){ var el=el||$(window) var item=$("#r_a... 阅读全文
posted @ 2014-07-18 10:27 唸随爱 阅读(158) 评论(0) 推荐(0)
原生计算浏览器高度
摘要：EventUtil.addHandler(window,'scroll',function(){ var dafid = document.getElementById('dafid'), eletop = dafid.getBoundingClientRect().top; if(eletop... 阅读全文
posted @ 2014-07-17 10:02 唸随爱 阅读(168) 评论(0) 推荐(0)
跨浏览器事件对象
摘要：var EventUtil = { addHandler: function(elem,type,handler){ if (elem.addEventListener) { elem.addEventListener... 阅读全文
posted @ 2014-07-17 10:01 唸随爱 阅读(159) 评论(0) 推荐(0)
上下切换js
摘要：3D坦克极速冰风暴 3D坦克极速冰风暴 3D坦克极速冰风暴 3D坦克极速冰风暴 3333D坦克极速冰风暴 3D坦克极速冰风暴 3D坦克极速冰风暴 3D坦克极速冰风... 阅读全文
posted @ 2014-07-16 17:13 唸随爱 阅读(430) 评论(0) 推荐(0)
white-space 属性设置如何处理元素内的空白
摘要：定义和用法white-space 属性设置如何处理元素内的空白。这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值： normal继承性： yes版本： CSS1JavaScript 语法： object.style.w... 阅读全文
posted @ 2014-07-08 11:46 唸随爱 阅读(621) 评论(0) 推荐(0)
使用text-overflow:ellipsis对溢出文本显示省略号有两个好处
摘要：使用text-overflow:ellipsis对溢出文本显示省略号有两个好处，一是不用通过程序限定字数；二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表，这样处理对搜索引擎更友好，因为标题实际上并未被截字，而是局限于宽度而未被显示而已。通常的做法是这样的：1.overflow:... 阅读全文
posted @ 2014-07-08 11:43 唸随爱 阅读(389) 评论(0) 推荐(0)
为sublime text2 添加SASS语法高亮
摘要：以前写CSS时，都是直接写样式，没有任何的第三方工具，后面发现越是面向大网站，越难管理，上次参加完携程UED大会后，发现SASS对于前端团队多人协作和站点代码维护上很有帮助，很多同学都开始用了，我还是在原地踏步，我也不能OUT呀，于是开始学习，平时比较喜欢sublime编辑器，而sublime默认是... 阅读全文
posted @ 2014-07-05 12:56 唸随爱 阅读(1351) 评论(0) 推荐(0)
文本框默认文字内容消失显示效果
摘要： 阅读全文
posted @ 2014-07-03 10:11 唸随爱 阅读(244) 评论(0) 推荐(0)
下拉框点链接js
摘要：$("#input_text").click(function(){ $("#input_fonts").show();});$("#input_fonts").hover( function () { $(this).show(); }, function () { $(thi... 阅读全文
posted @ 2014-07-02 10:57 唸随爱 阅读(135) 评论(0) 推荐(0)
[JavaScript] 初中级Javascript程序员必修学习目录
摘要：很多人总感觉javascript无法入门，笔者在这里写一下自己的学习过程，以及个人认为的最佳看书过程，只要各位能按照本人所说步骤走下去，不用很长时间，坚持个3个月，你的js层级会提高一个档次，无他，唯有努力与坚持，请看：1. 从头到尾对一遍>，不懂的地方可以暂时掠过，给自己对javascript有一... 阅读全文
posted @ 2014-07-01 13:35 唸随爱 阅读(230) 评论(0) 推荐(0)