web标准学习—小辉博客 http://www.xh-css.cn 落草为code—学习交流web标准的知识和经验 Sat, 21 Jan 2012 02:38:03 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 回家过年，大家新年快乐。 http://www.xh-css.cn/2012/01/21/%e5%9b%9e%e5%ae%b6%e8%bf%87%e5%b9%b4%ef%bc%8c%e5%a4%a7%e5%ae%b6%e6%96%b0%e5%b9%b4%e5%bf%ab%e4%b9%90%e3%80%82/ http://www.xh-css.cn/2012/01/21/%e5%9b%9e%e5%ae%b6%e8%bf%87%e5%b9%b4%ef%bc%8c%e5%a4%a7%e5%ae%b6%e6%96%b0%e5%b9%b4%e5%bf%ab%e4%b9%90%e3%80%82/#comments Sat, 21 Jan 2012 02:38:03 +0000 admin http://www.xh-css.cn/?p=733 http://www.xh-css.cn/2012/01/21/%e5%9b%9e%e5%ae%b6%e8%bf%87%e5%b9%b4%ef%bc%8c%e5%a4%a7%e5%ae%b6%e6%96%b0%e5%b9%b4%e5%bf%ab%e4%b9%90%e3%80%82/feed/ 0 三种比较常用的“图片滑动效果”js http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/ http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/#comments Fri, 20 Jan 2012 09:15:21 +0000 admin http://www.xh-css.cn/?p=729 横向切换效果（图片太烂，见谅） [runcode height="245"]
1 2 3 4
[/runcode] 竖直方向运动效果 [runcode height="245"]
1 2 3 4
[/runcode] 淡入淡出效果的切换 [runcode height="245"]
1 2 3 4 5
[/runcode] 你要是看完上面的代码会发现其实大致相同，特别是前两个就是同一个方法传了个不同的参数，后面一个稍有不同。]]> http://www.xh-css.cn/2012/01/20/%e4%b8%89%e7%a7%8d%e6%af%94%e8%be%83%e5%b8%b8%e7%94%a8%e7%9a%84%e2%80%9c%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e2%80%9djs/feed/ 0 获取iframe引人的页面高度 http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/ http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/#comments Fri, 30 Dec 2011 09:41:17 +0000 admin http://www.xh-css.cn/?p=725 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>web</title> <script type="text/javascript"> window.onload=(function(){ var obj; var iframeObj=document.getElementById("iframe-box"); if(iframeObj.contentWindow){ obj= iframeObj.contentWindow.document; } var height=obj.documentElement.scrollHeight; iframeObj.height=height; }); </script> </head> <body> <iframe src="02.html" id="iframe-box" name="iframe" frameborder="0" width="970" marginwidth="0" marginheight="0"></iframe> </body> </html>]]> http://www.xh-css.cn/2011/12/30/%e8%8e%b7%e5%8f%96iframe%e5%bc%95%e4%ba%ba%e7%9a%84%e9%a1%b5%e9%9d%a2%e9%ab%98%e5%ba%a6/feed/ 0 点击显示弹层，点击别处隐藏弹出 http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/ http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/#comments Tue, 13 Dec 2011 11:07:23 +0000 admin http://www.xh-css.cn/?p=721
点击弹出
弹出层内容呢
[/runcode] 下面给出一个使用了tabindex的方法，这个方法也有个问题，那就是当你点击按钮的时候先是显示，再点击的话应该是隐藏，但是这个click会和blur事件冲突，我解决的方案是使用了setTimeout来延迟了下这样就ok了，好了说这么多可能不是很明白毕竟是空说吗，下面给出代码 [runcode height="245"]
点击弹出
弹出层内容呢
[/runcode]]]> http://www.xh-css.cn/2011/12/13/%e7%82%b9%e5%87%bb%e6%98%be%e7%a4%ba%e5%bc%b9%e5%b1%82%ef%bc%8c%e7%82%b9%e5%87%bb%e5%88%ab%e5%a4%84%e9%9a%90%e8%97%8f%e5%bc%b9%e5%87%ba/feed/ 0 PIE.htc和swfupload共存时出错 http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/ http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/#comments Fri, 09 Dec 2011 09:29:29 +0000 admin http://www.xh-css.cn/?p=719 http://www.xh-css.cn/2011/12/09/pie-htc%e5%92%8cswfupload%e5%85%b1%e5%ad%98%e6%97%b6%e5%87%ba%e9%94%99/feed/ 0 原生js封装的insertAfter()方法 http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/ http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/#comments Tue, 06 Dec 2011 08:31:48 +0000 admin http://www.xh-css.cn/?p=716 //封装的nextSib方法出去空白节点 function nextSib(t){ var n=t.nextSibling; if(t.nextSibling.nodeType!=1){ n=n.nextSibling; } return n; } /*这个方法你可以不用，使用children代替，以前不能用是因为ff不支持， 现在ff从3.5开始支持现在ff版本都到8了所以基本上没有人使用3.5一下的ff了，当然你 要是和照顾一下他们呢，那么下面这个方法就可以了 */  function childNod(el){ var data=[]; for(var i=0;i<el.childNodes.length;i++){ if(el.childNodes[i].nodeType==1){ data.push(el.childNodes[i]); } } return data; } //封装的insertAfter function insertAfter(newChild,target){ var oParent=target.parentNode; if(oParent.lastChild==target){ oParent.appendChild(newChild); }else{ oParent.insertBefore(newChild,nextSib(target)); } } 下面就给出一个例子，简单的使用： [runcode height="245"]
  1. 这个是第一条
  2. 这个是第二条
  3. 这个是第三条
[/runcode]]]> http://www.xh-css.cn/2011/12/06/%e5%8e%9f%e7%94%9fjs%e5%b0%81%e8%a3%85%e7%9a%84insertafter%e6%96%b9%e6%b3%95/feed/ 0 前端导航-http://fenav.xh-css.cn/ http://www.xh-css.cn/2011/11/29/%e5%89%8d%e7%ab%af%e5%af%bc%e8%88%aa-httpfenav-xh-css-cn/ http://www.xh-css.cn/2011/11/29/%e5%89%8d%e7%ab%af%e5%af%bc%e8%88%aa-httpfenav-xh-css-cn/#comments Tue, 29 Nov 2011 06:49:30 +0000 admin http://www.xh-css.cn/?p=713 现在就去推荐]]> http://www.xh-css.cn/2011/11/29/%e5%89%8d%e7%ab%af%e5%af%bc%e8%88%aa-httpfenav-xh-css-cn/feed/ 1 小米手机现在在发F码 http://www.xh-css.cn/2011/11/19/%e5%b0%8f%e7%b1%b3%e6%89%8b%e6%9c%ba%e7%8e%b0%e5%9c%a8%e5%9c%a8%e5%8f%91f%e7%a0%81/ http://www.xh-css.cn/2011/11/19/%e5%b0%8f%e7%b1%b3%e6%89%8b%e6%9c%ba%e7%8e%b0%e5%9c%a8%e5%9c%a8%e5%8f%91f%e7%a0%81/#comments Sat, 19 Nov 2011 04:51:28 +0000 admin http://www.xh-css.cn/?p=706 http://www.xh-css.cn/2011/11/19/%e5%b0%8f%e7%b1%b3%e6%89%8b%e6%9c%ba%e7%8e%b0%e5%9c%a8%e5%9c%a8%e5%8f%91f%e7%a0%81/feed/ 0 jQuery Mobile 1.0 Final Released!出来了！ http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/ http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/#comments Fri, 18 Nov 2011 02:52:33 +0000 admin http://www.xh-css.cn/?p=701 历时一年多的时间jquerymobile终于来到了final版，很不容易啊！从第一版我就开始研究了，使用它写过只能手机端的页面。也是他把我带入了移动web的领域，现在看着他一天天的成长自己也由衷的高兴。正式版和rc3之间的时间很短只有一周左右的时间。其实后两版主要是在性能上提升了许多，别的修改较小。今天用手机试了下发现比以前流畅了很多，大家也可以试试看！ 下面是他官网上的图： ]]> http://www.xh-css.cn/2011/11/18/jquery-mobile-1-0-final-released%e5%87%ba%e6%9d%a5%e4%ba%86%ef%bc%81/feed/ 0 jQuery 1.7将HTML5引入IE6-8，实施弃用策略 http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/ http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/#comments Fri, 18 Nov 2011 01:39:44 +0000 admin http://www.xh-css.cn/?p=698 发布。新版本做出多项改进，如新的事件API，委托事件的性能更高，对IE6-8的HTML5支持，对AMD规范的支持等等。同时，jQuery还弃用了某些特性，以使jQuery保持精简。 以下是jQuery 1.7中一些让人感兴趣的新特性：
  • 新的统一的事件API —— .on()替代了.bind()、.delegate()和.live()；.off()替代了.unbind()、.undelegate()和.die()。
  • 大多数常用场合下委托事件的性能都得到了提升。
  • 更好地支持IE6-8下的HTML5标签，比如<section>可以使用.html()方法。而更老的IE版本仍然需要html5shiv或者Modernizer支持。
  • 动画切换效果——如.slideToggle()和.fadeToggle()——更加直观 – 当前一个动画过早结束时，后续的动画能够恰当地重置。
  • 支持AMD规范 —— jQuery现在可以和遵循AMD规范的脚本加载器协作，比如RequireJS或者curl.js。
jQuery团队还宣布，他们将开始弃用过时的特性，以使代码库更加精简，同时提高性能。有些API，比如.live()和.end()已在jQuery 1.7中被弃用 – 这些方法还将继续有效，但为了兼容以后的版本不建议使用它们。 一些非标准的特性在1.7版本中被彻底移除了 -
  • event.layerX和event.layerY
  • jQuery.isNaN()（非正式的函数）
  • jQuery.event.proxy()（非正式的方法）
关于新的弃用策略和已被弃用的特性，你可以在这篇博文中获得更多信息]]> http://www.xh-css.cn/2011/11/18/jquery-1-7%e5%b0%86html5%e5%bc%95%e5%85%a5ie6-8%ef%bc%8c%e5%ae%9e%e6%96%bd%e5%bc%83%e7%94%a8%e7%ad%96%e7%95%a5/feed/ 0