一起CSS

当前位置:一起CSS

jQuery过滤选择器:not在IE中的bug

日期:2010-08-11 分类:前端技术

在《jQuery插件Flip》的第二个例子中 (查看 Demo),写过滤选择器的时候,发现在 IE 下有问题,无法过滤。代码是这样的:

$('.flipbox:not(:first)').hide();

代码在非 IE 浏览器下没有问题,即除了第一个含有 flipbox 类的元素外,其他的隐藏,但在 IE 里却全部隐藏了。

经过测试,除了上面的写法在 IE 下有问题外,下面的几种写法在 IE 下也有问题:

$('.flipbox:not(:first)');
$('.flipbox:not(:last)');
$('.flipbox:not(:even)');
$('.flipbox:not(:odd)');
$('.flipbox:not(:eq(1))');
$('.flipbox:not(:gt(1))');
$('.flipbox:not(:lt(1))');

很奇怪的是:如果把 className 换成 tagName,如上面把 .flipbox 换成对应的标签名,又不会出现问题。当然,换成标签名的话,你要确定不会选择到其他不需要选择的标签,以免产生混乱,出现其他问题。

阅读全文 >

查看:806 评论:2 标签:,

7月份全球主流浏览器市场份额

日期:2010-08-2 分类:浏览器

又过去了,浏览器经过一番“斗争”后,又出现了怎样的局面呢?根据市场研究公司 Net Market Share 最新发表的统计数据显示,微软 IE 浏览器依旧以 60.74% 的市场份额位列第一,并且份额连续连两个月上升。而排名第二的 Firefox 则连续三个月下滑,7 月的市场份额降到了 22.91%。第三名为 Chrome,为 7.61%,比上个月下降了 0.08%。Safari 则一路上升,连续 5 个月份额上升,虽然每次上升的份量不多。7 月 Safari 的市场份额为 5.09%。第四名是 Opera,只有 2.45%,但比上个月增加了 0.18%。

2010 年 7 月主流浏览器市场份额占有率图片

也就是说和上个月相比:

  • IE +0.42%
  • FF -0.90%
  • CH -0.08%
  • SA +0.24%
  • OP +0.18%

从上面的数据可以看出总体的趋势是:Firefox 的份额被 IE 和 Safari 抢夺了。

IE 9 将月 9 月公测,其他浏览器也在不停的更新,浏览器的战争还在进行中,以后局面会怎样,我们静观其变吧。

查看:632 评论:2 标签:,

jQuery插件Flip

日期:2010-07-27 分类:未分类

flip 插件示例图片

Flip 是一个基于 jQuery 的插件,它模仿流行的卡片翻转的效果,可以轻易的让元素在左右上下四个方向翻转。先看看效果吧,查看 Demo

Flip 同时基于 jQuery UI ,所以,要使用 Flip 需要引入 jQueryjQuery UI

Flip 使用很简单,只需让元素调用 flip 方法就可以了。

$('.flipbox').flip({})

不过,仅仅只是单纯的调用 flip 方法的话,很多属性是默认的,也许不一定符合你的要求,你可以根据自己的要求、喜好添加相应的属性,Flip 提供的全部属性有:

阅读全文 >

查看:1,040 评论:4 标签:,,

HTML 5新标签

日期:2010-07-9 分类:前端技术

2000 年底,国际 W3C 织组织公布发行了 XHTML 1.0 版本,到现在已经有 10 年了。这 10 年里, Web 飞速发展,XHTML 1.0 显得“力不从心”,已经跟不上时代的发展了,于是 HTML 5 孕育而生。W3C 在 2010 年 1 月 22 日发布了最新的 HTML 5 工作草案。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。

HTML 5 作为新一代的超文本标记语言,增加了许多标签。这些标签不但更有语义,而且功能强大。具体有以下标签:

标签 描述
<article> 定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。
<aside> 定义页面内容之外的内容,但应该与页面内容相关
<audio> 定义声音,比如音乐或其他音频流
<canvas> 定义图形,比如图表和其他图像。
<command> 定义命令按钮,比如单选按钮、复选框或按钮。
<datatemplate> 定义数据模板的一个容器。该元素必须有定义模板的子元素:<rule> 元素
<datagrid> 定义可选数据的列表。datagrid 作为树列表来显示
<datalist> 定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表
<dialog> 定义对话,比如交谈
<embed> 定义嵌入的内容,比如插件
<event-source> 定义由服务器发送的事件的来源
<figure> 定义媒介内容的分组,以及它们的标题
<footer> 定义 section 或 document 的页脚
<header> 定义 section 或 document 的页眉
<hgroup> 将标题分组
<keygen> 定义生成密钥
<m> 定义带有记号的文本
<mark> 主要的功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词
<meter> 定义度量(单位)。仅用于已知最大和最小值的度量
<nav> 定义导航链接
<nest> 在数据模板中为子元素定义嵌套点。与 <datatemplate> 和 <rule> 元素一同使用
<output> 定义不同类型的输出,比如脚本的输出
<progress> 运行中的进程。可以用来来显示 JavaScript 中耗费时间的函数的进程或下载的进度
<rule> 定义更新数据模板的规则。与 <datatemplate> 和 <nest> 元素一起使用
<rp> 在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容
<rt> 定义汉字的拼音或日语汉字的平假名
<ruby> 定义亚洲语言中的“附注文字”
<section> 定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分
<source> 为媒介元素(比如 <video> 和 <audio>)定义媒介资源
<summary> 定义一个摘要,即 detail 的头部。不等同于表格中的 summary 属性
<time> 定义日期或时间,或者两者
<video> 定义视频,比如电影片段或其他视频流

阅读全文 >

查看:668 评论:3 标签:

隐藏域在ie中占空间的bug

日期:2010-07-7 分类:前端技术

input 的 type 设为 hidden 的话,就是隐藏域(废话)。隐藏域在页面中不显示,但可以有值。既然是“隐藏”的,怎么还说会占空间呢。这是 IEbug,不过这个 bug 的出现需要一定的条件,换句话说就是出现的几率比较低,所以可能很多人没有遇到过。那什么样的情况下会出现呢?看下面的代码:

<input />
<input class="hide" type="hidden" />
<input class="hide" type="hidden" />
……(省略 8 个或更多)
<input type="submit" value="send" />

这样的代码出现的几率是比较小吧,一般情况下,不会有这么多隐藏域,而且表单标签可能会有其他如 p、li 等标签包裹,这样的话,此 bug 又不会出现。我们抛开这些情况,以此 bug 会出现来讨论。上面代码运行后在 IE6IE7FF 中的效果如下图:

隐藏域在 ie 中占空间的示例图片

IE6IE7 中,输入框和提交按钮有很大的间隔,而在 FF 中则效果正常。如果隐藏域越多的话,IE6IE7 中间隔就越大,而 FF 中则始终没有问题。你可以 查看Demo

阅读全文 >

查看:636 评论:2 标签:,,

分类

最新日志

最新评论

存档

链接

  • 亚当学院
  • CSS视频教程下载
  • 前沿视频教室
  • 前端爱好者
  • GoodText
  • Kily`s Blog
  • mymickey
  • 秦丰网站策划
  • 奥想创意
  • 我的职业生涯
  • 蜗爱CSS
  • 蜈蚣's Blog
  • web标准学习—小辉博客
  • 十字花匠

© Copyright 2010 一起CSS All Rights Reserved