标签归档:JS

jQuery 选择器的使用

jQuery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。 同时使用CSS和XPath 看几个例子: 隐藏所有包含有链接的段落: $(“p[a]“).hide(); 显示页面的第一个段落: $(“p:eq(0)”).show(); 隐藏所有当前可见的层元素: $(“div:visible”).hide(); 获取所有无序列表的列表项: $(“ul/li”) /* valid too: $(“ul > li”) */ 取得name值为bar的输入字段的值: $(“input[@name=bar]“).val(); 所有处于选中状态的单选r按钮: $(“input[@type=radio][@checked]“) 如果你对查询语言的工作原理还有疑问,可以订阅这里的邮件列表。 CSS查询器 jQuery完全支持CSS1.3。 关于CSS的一些资料查看下面的连接: * CSS 1 * CSS 2 * CSS 3 下面列出来的是支持的CSS查询器的列表式语法: * * 任何元素 … 继续阅读

发表在 未分类 | 标签为 , | 留下评论

50个令人叹为观止的JavaScript应用站点

随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起,Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来,Flash 并不是他们的首要选择,因为 Flash 至今对搜索引擎仍是不透明的,另外,Flash 的渲染需要浏览器插件,而 JavaScript 的一切都是本地的。

发表在 交互设计 | 标签为 , | 留下评论

终于彻底解决了png的透明问题

之前解决png在IE6下的透明解决方案,总是在png使用背景或者src的时候能用,组合在一起就会有问题,今天终于彻底解决这一问题。 <title>关于PNG图片透明的兼容性</title>   body { background:#666666; margin:auto; padding:20px; } .pngfix { float:left; width:16px; height:16px; } .cross { background:url(cross.png) no-repeat; /* ff */ _background:#666; /* IE6 only */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’cross.png’, sizingMethod=’image’); /* IE6 only */ } .accept { background:url(accept.png) no-repeat; /* ff … 继续阅读

发表在 Web开发 | 标签为 , , | 15 条评论

Mootools 1.2

mootools框架v1.2正式发布,随之mootools.net改版,原来的demos.mootools.net不知为何不能访问。 今天找到一个国内的镜像,中文的: http://blog.colorbird.com/mootools_demo/

发表在 Web开发 | 标签为 , , | 留下评论

十大 Ajax 框架(排名不分先后)

引语 毫无疑问,Ajax作为当前最火爆的技术之一,其优秀的框架层出不穷。Prototype、Dwr、Dojo、JQuery、YUi…… 都是非常出色的产品。本专题为您介绍了目前十大流行的Ajax框架及各自特性,供您在开发过程中参阅。 您当前正在使用的Ajax框架是什么?哪一个又是您心目中最优秀的呢?欢迎您发表评论,与他人分享您的观点。[发表评论] 十大Ajax框架(排名不分先后)

发表在 Web开发, 交互设计 | 标签为 , | 留下评论

mootools 教程

mootools【一】- 起步篇 以前一直在用prototype.js,最近发现了mootools,据说也相当不错,它是个纯OO的javascript 框架,所以拿来学习学习,把学习经过记录下来。

发表在 Web开发 | 标签为 , , , | 留下评论

图片放大查看效果

图片放大查看效果

发表在 Web开发, 交互设计 | 标签为 , | 留下评论

图片缩略图,点击放大到原图大小

图片缩略图,点击放大到原图大小

发表在 Web开发, 交互设计 | 标签为 , | 留下评论

四个方向的滚动代码

四个方向的滚动代码

发表在 Web开发, 交互设计 | 标签为 , | 留下评论

表格被选中回变颜色

表格被选中回变颜色

发表在 Web开发, 交互设计 | 标签为 , | 留下评论