- 博客(14)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 卡盘（Slide）的最后一步探究
之前觉得很不可思议，淘宝卡盘（Slide）一直都是向上滚动，不出现像其他网站那样的滚到最后一个后，马上倒退式的滚到第一个位置。相比之下前者的体验非常好，而后者就不是那么好。然后今天看了看它的源代码，写得很分散，看来看去还是没看到最后一步的处理方式。（当然之前也问过玉伯，不过没有被搭理）然后就开始自己尝试着去写，写着写着就发现，如果把第一个展示出来的部分（通常是第一个li）clone到最后一个li的后面，奇迹就出现了。完美的实现了淘宝的那种卡盘。js代码如下：var index = 0, // 当前卡盘对应的
2010-12-29 20:23:00
632
原创 今天继续完善自己写的跨域iframe自适应高
<br />上回第三方反应说webkit内核的浏览器下，crossFrame.setHeight()不能设置预期的高度。打开一个短页面的话高度不会缩进，然后经过自己的测试，方向问题确实存在，主要是iframe下取到的document.body.scrollHeight不是实际的高度。<br />然后到网上搜了一下其他获取高度的方法，试了一下，offsetHeight发现很完美的解决了这个问题。<br />最后修改了一下之前的js，通过代理服务器，测试效果很好。<br />这里贴出自己修改后的proxy.js
2010-12-21 16:45:00
515
转载 在淘宝里，他们总结的一些前端Tips
<br />3.2 - 3.5<br /> <br />1.【约定】文件命名全部都用小写和下划线，样式命名全部使用小写和连接符，JS的钩子使用“J_HiTao”<br />2.【HTML】需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用以”data-“为前缀来添加自定义属性，避免使用”data:”<br />3.【约定】文件要求编码必须为GBK、GB2312或者GB18030<br />4.【HTML】html代码要求所有的标签、属性都是用小写字母
2010-12-15 17:53:00
1291
原创 JQuery里面的事件event属性探究
<br />网上找了很久都没找到关于jQuery里的事件event说明，后来好不容易在一个人的博客上找到了，很是辛苦啊！<br />后来想了想还是自己看jQuery的源码吧，然后找啊找，找到了下面的说明：<br />fix: function( event ) { if ( event[ jQuery.expando ] ) { return event; } // store a copy of the original event object // and "clone
2010-12-13 10:31:00
1195
原创 鼠标滑过后，直接获取包含在注释节点里面的内容
<br />division = (function(){ var S = KISSY, D = S.DOM, E = S.Event, ff = S.UA.firefox ? true : false, //由于火狐不支持outerHTML这里对它进行检测到时再判定，当然可以直接×.outerHTML || ×.innerHTML comment = {},//{value:[left, top, node, css, html]}value代表注释值，如start: abc,
2010-12-13 10:23:00
363
原创 省份选择器DPL
<br />做什么呢？直接贴代码，看得更清楚：<br /><!doctype html><html><head><meta charset="gbk"><title>First Grid Demo</title><link rel="stylesheet" charset="gbk" href="css/tbsp.css" mce_href="css/tbsp.css" media="screen" /><style>body{ padding-left: 30px;}
2010-12-13 09:24:00
433
原创 html中的img元素usemap在Dreamweaver下直接就能看到效果
<br />今天试了一下img的usemap，但是很困惑，虽然自己明白那个意思，但是就是不能清清楚楚的看到实实在在的效果，想了想最后还是在网上搜，没想到搜了好久才搜到Dreamweaver下直接就能看到效果。然后一查看，果然如此。。。
2010-12-12 19:20:00
637
原创 IE6下!important生效的三种情况
今天出于学习的目的细心的查看剑平发的那个用CSS实现的步骤条代码：莫名的发现一个问题就是line-height: 0px !important;在IE6下是生效的。后来通过在google上的搜索发现有两篇博客讲了important在IE6下存在的问题：1) 下面这篇博客说的是当CSS里面对应得line-height只有这一个：line-height: 0px !important;时，IE6是会忽略掉important，解析成line-height:0px;的。http://bytesizecss.com
2010-12-08 09:46:00
685
原创 CSS 半透明滤镜在FIREFOX和IE下面的能够通用的写法
<br /> <br />CSS代码<br />filter: Alpha(opacity=10); -moz-opacity:.1; opacity:0.1; <br /> 这三句中：第一句是ie 支持； 第二三句是firefox支持的,但是火狐。版本不一样就有两种了,所以用时候把三句都加上就行了。<br />滤镜的有效HTML标记：<br />BODY<br />BUTTON <br />DIV <br />IMG <br />INPUT <br />MARQUEE <
2010-12-08 09:43:00
399
原创 跨域iframe动态设置高度
思想可以参考：http://www.cnblogs.com/yuzhongwusan/archive/2009/01/07/1371063.html首先写一个需要插入的文件。定为：http://10.13.190.76/daily/index.html 内容如下：First Grid Demo上面是测试自动适应高度的iframe
2010-12-06 20:16:00
1065
原创 注释节点的探究（获取注释节点的值）
<br />今天同测试发现能够获取到注释节点，<br /><!--test text--><p id="p">sddd</p><!--test text 1--> <br />如下js:<br />var b = document.body, c = b.childNodes, i;for(i = 0; i< c.length; i++){ var str = c[i].nodeType+' '+c[i].nodeName+' '+c[i].nodeValue+'/n'; window.
2010-12-03 15:43:00
551
原创 也写js的倒计时程序（简化了一些）
var d = (new Date(2010,11,31) - new Date())/1000, p = document.getElementById('p');var day = Math.floor(d/86400), h = Math.floor((d-day*86400)/3600), m = Math.floor((d-day*86400-h*3600)/60), s = Math.floor(d-day*86400-h*3600-m*60);function ale(){if(-
2010-12-02 21:33:00
272
原创 前端工具以及其他一些东西
星斗blog：姬光blog：水门blog:Ant 自动管理、打包工具CSSEmbed 将 CSS 中的图片转换成 DataURI 并重新写入到 CSS 文件中Combiner 合并多个文件ConvertZ 中文简繁体转换，仅适合 Windows 平台DataURI 讲图片转换为 DataURIGoogle closure compiler Google 的 Javascript 压缩工具PNG Optimizer PNG 优化工具YUI Compressor
2010-12-02 17:22:00
369
跨域资源共享的10种方式
2011-05-03
ucool-2.4 一款用于前端调试（特别bug-fix包括js,css）的代理服务器，基于Apache Tomcat,通过它可以将线上的js,css从压缩状态变成源码状态
2010-11-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人