nianshi
- 浏览: 416212 次
- 性别:
- 来自: 济南
-
最新评论
-
nianshi：
slideDown就是show的滑动效果版本, slideUp ...
Jquery零碎代码收藏 -
nianshi：
以后编写JS代码，少写<div onclick=&quo ...
Jquery零碎代码收藏 -
nianshi：
获取匹配元素相对父元素的偏移var p = $("p ...
Jquery零碎代码收藏 -
nianshi：
获取匹配元素在当前窗口的相对偏移var p = $(" ...
Jquery零碎代码收藏 -
wuchu：
谢谢
Flex 读取XML配置文件总结
文章列表
hover(fn1,fn2)：
一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
togg ...
[置顶] 产品细节对用户体验的影响
- 博客分类：
- 前端开发
俗话说：“多多益善”。经常看到一些产品的发布广告或者更新日志，大多都有一类信息：本次发布增加了XX新功能。听起来似乎不错，可以体验到更多的
功能。在产品开发的初期或者说对年轻的产品而言，功能的不断增多是件好事。不过对于成熟的产品或者老牌产品而言，仅仅增加功能就不一定能带来用户的体验提
升了，特别是现在的用户口味越来越刁的情况下。
Hassenzahl’s的用户体验模型中，有四组属性：
Manipulation，identification，stimulation and evocation.
而这些属性又可以高度概括为实用属性
和享乐属性
。实用属性代表了产品的实际功能与用途，而享 ...
jQuery工具函数介绍
- 博客分类：
- Jquery
<div class="iteye-blog-content-contain" style="font-size: 14px"><p>jQuery工具函数为我们操作对象和数组提供了便利条件. $.trim(" text "); 去除前后空格。</p></div>
按点击次数依次触发相应函数
- 博客分类：
- Jquery
2. toggle( fn, fn2, fn3,fn4,... )
toggle函数可以为对象添加click事件绑定函数, 但是设置每次点击后依次的调用函数。
如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。
可以使用unbind("click")来删除。
下面的示例演示如何使用toggle函数:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
1. hover( over, out )
hover函数主要解决在原始javascript中mouseover和mouseout函数存在的问题, 看下面这个示例:
有两个div(红色区域), 里面分别嵌套了一个div(黄色区域). HTML代码如下:
<div class="outer"
toggleClass( class ) 如果存在（不存在）就删除（添加）一个类。 为匹配的元素切换 'selected' 类:
$("p").toggleClass("selected");
虽然我们可以使用 removeAttr( name ) 删除元素属性, 但是对应的DOM属性是不会被删除的, 只会影响DOM属性的值.
比如将一个input元素的readonly元素属性去掉,会导致对应的DOM属性变成false(即input变成可编辑状态):
$("#inputTest").removeAttr("re ...
10款jquery弹出层 动画效果应有尽有
- 博客分类：
- 前端开发
10款jquery弹出层 动画效果应有尽有
http://bbs.blueidea.com/forum.php?mod=viewthread&tid=3068083
还需要学习的十二种CSS选择器
- 博客分类：
- 前端开发
在前面的文章中，我们在大前端介绍了《五种必须知道的CSS选择器》，现在向大家介绍，还需要学习的另外十二种CSS选择器。如果你还没有用过，就好好学习一下，如果你已经熟知了就当是温习。
一、X:link X:visited X:hover X:active 伪类
a:link { color: red; }
a:visted { color: purple; }
伪类选择器，visted已被访问过的样式，hover鼠标经过的样式，link未被访问的样式。三种伪类选择器常用于链接，但不是说只适用于链接，可惜的是IE6只支持将这三种伪类选择器作用于链接。
这里明河说明一点，由于C ...
css设置最小高度 然后自适应
- 博客分类：
- 前端开发
有人问到用css设置某个div最小height，然后再自适应height，这里有个不错的解决办法。
看代码先：
min-height:400px; //（解决ie8.9.ff.chrome）
*+height:100%; //（解决ie7）
_height:400px; //（解决ie6） ie6超出自动溢出
代码都有注释，只为了大家能看的更清晰更明白，因为有写同学不太了解hack的处理方式。
下面是无注释版，复制就能用的：
min-height:400px;*+height:100%;_height:400px;
这种方式还是不错的，当然还有其它处理方法可以解决这样的小问题，有 ...
实现多行链接文本智能换行
- 博客分类：
- 前端开发
上图代码：
li { display: inline }
a { padding: 0 1.2em }
案例分析：上图采用了大家常用的列表来排版文本。只需要把 li
的显示属性设为行内，就可以达到自动换行。但是这样会有一点小瑕疵。不知大家注意到没，本来标签a有左右padding，第二行确是顶头显示。由于这是一
个链接被分行了，显示并没错，但显示效果并不够完美。 继续往下看
上图有个小瑕疵，就是歌手名被分行，会给浏览者带来不愉快的感觉。这时候我们需要把每个歌手看做整体，并强制文字在这个整体中不换行，而是让这个块状的整体自动换行，如下图。
这样看起来美观过 ...
Div+Css网页布局常见问题整理
- 博客分类：
- 前端开发
1、拖动滚动条时边框IE时隐时现，办法：在边框的div中加overflow:hidden; height:100%（IE6.0）
2、li里直接使用img，底部多出几像素，办法：在img中加display:block
3、div浮动左（下）面多出几像素，办法：浮动中加：display:inline（IE6的BUG ...
这篇文章是在Chinaz上看到的，是一个叫黄锦诚的前端工程师哥们写的，感觉文章中关于对WEB前端工程师职位介绍的描述比较准确，所以转发过来和大家分享下。
在网站的发展史上，初期的网站建设根本不需要网页重构这个职位 ...
让所有浏览器都支持max-height的CSS样式代码，完整：
max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":""); overflow:hidden;这里的1000和1000px是你需要的数值，注意3个数值的相同。
让IE6支持最大高度max-height的时候别忘记加上overflow:hidden;
min-height，同理！
一步步构建大型网站架构
- 博客分类：
- 前端开发
一步步构建大型网站架构，很不错的讲网站架构及如何从一个小网站发展壮大为一个分布式大型网站。
http://www.itivy.com/ivy/archive/2011/4/28/634395931511515337.html
#Navigator {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
border-bottom:1px solid blue;
height:1%;
overflow:auto; //结合Height实现清浮动
}
#Navigator li {
display:inline;
}
#Navigator li a{
display:block;//让Li是Inline，让A是Block，再Float。也可以实现菜单横排。
float:left;
padding:10px ...