虾米窝窝 » WEB2.0学习
Subscribe RSS

"WEB2.0学习"分类的文章

Thickbox 操作父窗口 04月 17

    今天又用到了,想了半天才想起来以前怎么做的,所以做个记录,以后待用。
   
    在子窗口调用父窗口的js:parent.functionname();或者:self.parent.functionname();
    Jquery选择父窗口元素:$('#nodeIdInParentDocument', window.parent.document)

分类: WEB2.0学习  | 标签: , ,  | 暂无留言 | 662次阅读
转载:国内UED博客集锦 04月 16

第一名:TaoBao UED

这是一个很活跃的团队,博客的内容质量十分高,感觉团队里的每一个成员在UED方面各有特长。有精通js交互设计的(翻译了一本书),有精通网页版面设计 的(我在里面学到了删格化的知识),还有。。。他们的工作精神也很值得学习,他们在人员不足的情况下,自发设计了一个效果非常牛的招聘网站,真有点吸引 人。
网址:http://ued.taobao.com/blog/

分类: WEB2.0学习  | 标签: ,  | 暂无留言 | 433次阅读
CSS:让页脚永远帖在底部 02月 03

我在网上看到两种方案:

第一种:

HTML部分:

XML/HTML代码
  1. <div id="wrap">  
  2.     <div id="main" class="clearfix">  
  3.         <div id="content">  
  4.         </div>  
  5.         <div id="side">  
  6.         </div>  
  7.     </div>  
  8. </div>  
  9. <div id="footer">  
  10. </div>  
分类: WEB2.0学习  | 标签: , , ,  | 暂无留言 | 16次阅读
Image Optimization for the Web at php|works 12月 31
Yahoo工程师关于网络图片优化的建议:
分类: WEB2.0学习  | 标签: , ,  | 暂无留言 | 1029次阅读
转载:Javascript堵塞问题的解决 11月 26

所谓“Javascript堵塞问题”,指的是浏览器在下载javascript文件的时候,会堵塞其他下载进程,并且多个javascript文件之间,只能一个一个下载,不能并行下载。浏览器之所以要这么干,是因为javascript里可能会有一些涉及页面渲染的操作,比如document.write,所以要先把他们加载完,以免影响用户体验。为了规避上述弊端,YSlow建议如果有多个javascript文件,并且这些文件里没有类似document.write等页面渲染的操作,那么应该尽可能把他们合并成一个文件,并放到页面的尾部。不过很多时候,合并javascript文件是个浩大的工程,不仅破坏了模块化结构,而且还可能会给代码维护带来不必要的麻烦,今天说说另一个方法,以期避免对现有代码的大规模修改。

分类: WEB2.0学习  | 标签: ,  | 暂无留言 | 244次阅读
Firefox和IE的JS 10月 24

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。
sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop:剪切图片以适应对象尺寸。image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。scale:缩放图片以适应对象的尺寸边界。
src:必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

firefox不能对innerText支持
firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了。如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替。

分类: WEB2.0学习  | 标签: , ,  | 暂无留言 | 214次阅读
转:Firefox和IE的JS和CSS比较 10月 17

转:http://www.xij.cn

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。
sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop:剪切图片以适应对象尺寸。image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。scale:缩放图片以适应对象的尺寸边界。
src:必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

分类: WEB2.0学习, 流水帐  | 标签: , , , ,  | 2 条留言 | 319次阅读
几个漂亮的JS图片效果 04月 29

   呵呵,没有想过用JS来做这些效果吧,Netzgesta上有很多实现图片特效的JavaScript提供下载,很多效果都是相当漂亮的,下面是一些典型的。

1、水倒映

10个用能用JavaScript实现的图片特效(虾米窝窝 www.yakelie.com)

 

这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。

如果你喜欢在线生成水倒映效果,可以参考这里

js下载链接

分类: WEB2.0学习  | 标签: ,  | 暂无留言 | 1775次阅读
04月 29

   呵呵,没有想过用JS来做这些效果吧,Netzgesta上有很多实现图片特效的JavaScript提供下载,很多效果都是相当漂亮的,下面是一些典型的。

1、水倒映

10个用能用JavaScript实现的图片特效(虾米窝窝 www.yakelie.com)

 

这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。

如果你喜欢在线生成水倒映效果,可以参考这里

js下载链接

分类: WEB2.0学习  | 标签: ,  | 暂无留言 | 489次阅读
关于min_height 04月 20
      如果只需要兼容ie6那么你完全不需要注意min-height这个样式,因为ie6根本就不支持这个样式。但是当你的页面需要照顾到ie7和ff的时候,这个样式一定要注意。因为很多在ie6下设置了height=固定值的样式,当容器被里面的东西撑的大于这个高度的时候,ie7和ff是不会自适应高度的。从而导致布局的混乱。要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用cssHack设置height。例如:
min-height:600px;
_height:600px;
分类: WEB2.0学习  | 标签: ,  | 1条留言 | 1532次阅读