沫鱼 - 博客园

2011年6月8日

摘要：阅读全文

posted @ 2011-06-08 09:59 沫鱼阅读(226) 评论(0) 推荐(0)

摘要： $(function () { /* function one_Position() { var p = $("#one_curTime"); $(window).scrollTop(p.offset().top - 150); $("#one_curTime").css("background", "red") }; function three_Position() { var p = $("#three_curTime"); $(window).scrollTop(p.offset().t 阅读全文

posted @ 2011-06-08 09:41 沫鱼阅读(368) 评论(0) 推荐(0)

2011年6月7日

基于手机的局部滚动效果

摘要： Samples:http://webpro.host.adobe.com/people/jblas/momentum/momentum-scroller-sample-01.htmlhttp://webpro.host.adobe.com/people/jblas/momentum/momentum-scroller-sample-02.htmlhttp://webpro.host.adobe.com/people/jblas/momentum/momentum-scroller-sample-03.html英文好的同学可以直接看原文：http://forum.jquery.com/topic 阅读全文

posted @ 2011-06-07 13:52 沫鱼阅读(604) 评论(0) 推荐(0)

2011年5月26日

Jquery css函数用法(判断标签是否拥有某属性)

摘要：判断一个层是否隐藏:$("#id").css("display")=="none" ;在所有匹配的元素中，设置一个样式属性的值:$("p").css("color","red"); 把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式$("p").css({ color: "#ff0011", background: "blue" }); 如果属性名包含 &quo 阅读全文

posted @ 2011-05-26 09:59 沫鱼阅读(7010) 评论(1) 推荐(0)

2011年5月23日

getBoundingClientRect() 来获取页面元素的位置

摘要： document.documentElement.getBoundingClientRect方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。也不好理解，下面用图说明下。该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。下面的代码举了个简单的例子，可以滚动滚动条之后点红色区域看各个值的变化。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ 阅读全文

posted @ 2011-05-23 18:15 沫鱼阅读(618) 评论(0) 推荐(1)

2011年5月20日

taget属性解释

摘要：在做用frame布局的管理系统时，经常会碰到，要在整个窗口中打开链接的情况，如果target不设置的话，新页面会嵌套在iframe里。主要设置taget属性为_top或是_parent，就可在整个窗口中打开页面；若是iframe只嵌套一层，则_parent即可解决。W3C的taget属性解释：_blank 在新窗口中打开被链接文档。_self 默认。在相同的框架中打开被链接文档。_parent 在父框架集中打开被链接文档。_top 在整个窗口中打开被链接文档。framename 在指定的框架中打开被链接文档。阅读全文

posted @ 2011-05-20 17:24 沫鱼阅读(1024) 评论(0) 推荐(0)

2011年5月18日

jQuery性能优化

摘要：之前，我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今，我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架，使节点选择和DOM操作变得越来越容易，如果使用不当，有可能影响整个网页的响应速度，下面列举11个更有效的使用jQuery库：1、总是使用#id去寻找element.在jQuery中最快的选择器是ID选择器 ($('#someid')). 这是因为它直接映射为JavaScript的getElementById()方法。选择单个元素<div id="content"> & 阅读全文

posted @ 2011-05-18 12:26 沫鱼阅读(621) 评论(1) 推荐(1)

2011年5月15日

字符截取显示

摘要：经常会看到一些文章列表，每个item只显示一两行的文字，然后点击“详细”的时候，再展开文字自己用jq写了一个~var text = $(".content").text(); var textNum = text.length; var textInt = text.slice(0,140); $(".content").each(function () { if (textNum >= 160) { $(this).html(textInt + "..." + "<a class='dis_btn 阅读全文

posted @ 2011-05-15 11:22 沫鱼阅读(486) 评论(0) 推荐(0)

2011年5月9日

jquery中的ready函数与window.onload谁先执行

摘要：关于$(document).ready()：jquery中的$(document).ready()，那$(document).ready()到底是什么作用呢？是不是可以用window.onload = function(){ ... }来实现呢？这里，我们要明确二者之间的区别。我们使用window.onload = function(){ ... }，是希望在页面被载入时执行function中的处理，但是这些JS代码只有在页面上的全部内容加载完成（包括头部的banner广告，所有图片）的时候才会执行。将window.onload放在最上边的原因就是当你第一次运行codes的时候，HTML 阅读全文

posted @ 2011-05-09 12:53 沫鱼阅读(12223) 评论(3) 推荐(0)

2011年5月5日

更简洁的 CSS 清理浮动方式

摘要：清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用无素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。/* 清理浮动 */.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}.clearfix { zoom:1;}其原理是，在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 的不可见块阅读全文

posted @ 2011-05-05 14:03 沫鱼阅读(452) 评论(0) 推荐(0)

公告