自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(21)
  • 收藏
  • 关注

翻译 在匿名函数中维护状态

我有一点乐趣的JavaScript在我的个人博客上周末,汇集了许多,我在这里已经涉及的议题,并在SitePoint的文章。 我们面临的挑战是提供链接到博客条目中的任何段落的方法。 该解决方案,我想出了最后使用了一个不显眼的JavaScript脚本,一个书签和一些CSS以及。 你可以阅读所有的条目中的血淋淋的细节,但我想这里进一步解剖书签。 这个书签的目的(标题为“添加砰砰的ID”)是找到那些看...

2004-05-31 00:00:00 95

翻译 匿名函数提高可维护性_在匿名函数中维护状态

匿名函数提高可维护性 周末,我在个人博客上对JavaScript感到很开心 ,将我在这里和SitePoint上的文章所涵盖的许多主题归纳在一起。 挑战在于提供一种链接到博客条目内任何段落的方法。 我想出的解决方案最终使用了简洁JavaScript脚本,一个bookmarklet和一些CSS。 您可以阅读条目中的所有详细信息,但我想在此处进一步剖析小书签。 此小书签(名为“添加plink ID”...

2004-05-31 00:00:00 111

翻译 CSS和JavaScript的圆角

圆角是最经常要求的CSS技术之一。 与在CSS很多东西,也有在这个问题是可以接近的各种方式。 在这篇文章中,我将介绍一些常用技术的利弊和引进新的技术,同时利用CSS和JavaScript。 之前我们到CSS潜水,让我们想起老式的办法解决这个问题,它使用表格排版的自己: <table width="200" cellpadding="0" cellspacing="0"> &lt...

2004-05-28 00:00:00 226

翻译 使用JavaScript进行演示

我的最新文章, CSS和JavaScript的圆角 ,刚刚公布。 它去实现圆角,包括一个老派的表砍,两个CSS的方法和新的技术,它使用JavaScript来修改DOM,并提供额外的CSS挂钩了各种方法。 这种表象的JavaScript是什么,还没有看到很多讨论呢。 由于JavaScript可以在事后做出任意修改文档的结构,表象调整的方式都可以实现。 最明显的问题是,这是否是一个好主意; 毕竟,...

2004-05-28 00:00:00 112

翻译 css圆角三角形3个圆角_CSS和JavaScript的圆角

css圆角三角形3个圆角 圆角是最常用CSS技术之一。 与CSS中的许多事情一样,可以通过多种方法来解决此问题。 在本文中,我将介绍一些常见技术的优缺点,并介绍一种同时利用CSS和JavaScript的新技术。 在开始使用CSS之前,让我们提醒一下使用布局表的老式方法: <table width="200" cellpadding="0" cellspacing="0"> &l...

2004-05-28 00:00:00 229

翻译 javascript使用_使用JavaScript进行演示

javascript使用 我的最新文章《 使用CSS和JavaScript圆角》刚刚出版。 它介绍了实现圆角的各种方法,包括老式的表破解,两种CSS方法以及使用JavaScript修改DOM并提供额外CSS钩子的新技术。 这种演示性JavaScript尚未引起太多讨论。 由于事后JavaScript可以对文档的结构进行任意修改,因此可以实现所有形式的表示性调整。 显而易见的问题是,这是否是一个...

2004-05-28 00:00:00 62

翻译 关闭并在页面加载时执行JavaScript

在我的其他博客上,我刚刚发布了一种新技术 ,可在页面加载完成后执行一段JavaScript。 这是代码: function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { ...

2004-05-26 00:00:00 127

翻译 通过DHTML旋转常规HTML内容

使用一个客户端技术,如JavaScript,显示内容点播的大陷阱是前提,一切都包含在变量。 这使得添加和非常麻烦的更新内容。 一个例子是输入消息显示在一个JavaScript滚动条 - 不是一般的有趣的经验: <script type="text/javascript"> var message=new Array(); message[0]="<b><...

2004-05-23 00:00:00 74

翻译 dhtml 与 html_通过DHTML旋转常规HTML内容

dhtml 与 html 使用JavaScript等客户端技术按需显示内容的最大陷阱之一就是所有内容都包含在变量中。 这使得添加和更新内容非常麻烦。 一个示例是输入要显示在JavaScript滚动器中的消息-通常这并不是一种有趣的体验: <script type="text/javascript"> var message=new Array(); message[0]="...

2004-05-23 00:00:00 64

翻译 静态创意和动态创意_通过访问的链接发挥创意

静态创意和动态创意 许多Web开发人员本能地通过在单个语句中声明链接和被访问链接的样式来开始新的样式表: a:link, a:visited { /* rules here */ } 这样做避免了为访问的链接选择微妙不同(但同时在视觉上明显)的颜色的棘手问题,而且还消除了所有现代浏览器中嵌入的重要可用性功能。 如果您的站点超过几个页面,则允许用户快速查看他们是否访问了链接可以真正帮助...

2004-05-23 00:00:00 110

翻译 java有用还是c有用_这周的有用资源

java有用还是c有用 HTML和XHTML都规定了哪些元素可以包含在其他元素中的规则。 这些规则的权威指南是各种DTD(文档类型定义),它们控制着HTML的不同风格。 不幸的是,DTD并不完全友好阅读。 输入Cameron Adams出色的DTD映射器 ,该映射器提供了一个易于浏览的DTD树形视图,并可以轻松查看在何处允许使用哪些元素。 卡梅隆的博客条目更多。 关于CSS Box模型的文章很...

2004-05-20 00:00:00 64

翻译 了解Unicode

现代网络上最棘手的问题之一是国际化问题,通常缩写为i18n(“ i”,然后是18个字母,然后是“ n”)。 万维网确实符合其名称,即使您的站点有本地访问者,您仍然可能会发现自己处理外来字母,无论是用德国标点符号还是外语引号来命名。 外国字符问题的最终解决方案是Unicode,这是一个真正巨大的标准,它试图记录和提供人类已知的每种语言中几乎每个字符的编码,并为将来的语言开发留出空间。 Tim B...

2004-05-18 00:00:00 105

翻译 清算浮动

用CSS的float模型混乱的一个常见问题是下面的东西,如果你想浮动的含元素完全包含它是浮动的是一个“交换”元素的需求。 Eric Meyer的含浮动提供了这个问题的一个很好的解释。 不幸的是,处理这一标准的方法包括将丑陋附加标记的文档作为一个“更清晰”。 它往往是可能采取在文档中另一个元素的优势,但往往没有这样的元素可用,并且必须添加一个额外的清除元件。 托尼阿斯莱特已发表文章 (同时在这...

2004-05-16 00:00:00 85

翻译 一级清算和二级清算区别_清算浮动

一级清算和二级清算区别 与CSS浮动模型经常混淆的一个问题是,如果您希望浮动对象中的包含元素完全包含它,则需要在浮动对象下方添加一个“清除”元素。 埃里克·迈耶(Eric Meyer)的《 浮游物》 ( Containing Floats)为这个问题提供了极好的解释。 不幸的是,处理此问题的标准方法涉及在文档上添加难看的附加标记,以充当“更清晰”的标记。 通常可以利用文档中的另一个元素,但是通...

2004-05-16 00:00:00 871

翻译 W3C验证程序更新

在W3C标记验证是检查你的XHTML或HTML是没有错误的有力工具。 不幸的是,它非常不友好的错误信息,可以使它很难对新人验证,以了解他们的标记问题的困扰。 发布了全新的版本,昨天验证其结合了许多先前已在beta版(试用改进背后的团队的changelog这里 )。 验证最实用的功能,至少对于新用户来说,是“详细模式”,它加入了详细的人类可读的解释,每一个验证错误。 不幸的是,详细模式是默认不启...

2004-05-08 00:00:00 115

翻译 w3c统一验证工具_W3C验证程序更新

w3c统一验证工具 W3C标记验证器是用于检查XHTML或HTML是否没有错误的强大工具。 不幸的是,它遭受着极其不友好的错误消息的困扰,这会使新手很难验证他们的标记问题。 验证器背后的团队昨天发布了一个全新版本,其中包含许多先前在beta版本中试用过的改进功能( 此处为changelog )。 验证器最有用的功能(至少对于新用户而言)是“详细模式”,它为每个验证错误添加了易于理解的详细说明。...

2004-05-08 00:00:00 89

翻译 CSS精灵

其中最令人兴奋的技术,从CSS社区在最近几个月出现包括使用一个单一的大背景图像作为一个容器几个较小的图像,然后使用CSS背景位置属性显示在不同的地方放大图像的不同部分(和不同的悬停状态)网页内容。 据我所知,这一招在使用的第一个例子是切赫Stanicek的快速翻转,无预紧需要演示。 戴夫Shea的列表除了文章:此后,它一直在通过社区的其他成员展开CSS精灵:图片切片 From: https:/...

2004-05-04 00:00:00 65

翻译 css精灵_CSS精灵

css精灵 最近几个月,来自CSS社区的最激动人心的技术之一是使用单个大型背景图像作为几个较小图像的容器,然后使用CSS背景位置属性在不同位置显示较大图像的不同部分(以及不同的悬停状态)。 据我所知,使用此技巧的第一个示例是Petr Stanicek的快速翻转,不需要进行预加载演示。 此后,社区的其他成员对其进行了扩展:Dave Shea的A List Apart文章CSS Sprites:图...

2004-05-04 00:00:00 47

翻译 css技巧_评估CSS技巧

css技巧 Vincent Garcia报道了Safari的CSS hack (由Anne Van Kesteren发现),它利用CSS 2.1表模型为min-height属性提供了支持。 IE / Windows不支持表格模型,但是无论如何都将高度视为最小高度。 文森特在他的作品中进一步解释了这种黑客行为。 对于任何CSS hack,在使用前对其进行评估以确保其意义很重要。 CSS hack...

2004-05-04 00:00:00 72

翻译 疯狂的CSS

CSS社区有着悠久的传统,即将CSS推向极限以发现新的技巧。 这些实验本质上是有价值的,因为无论它们看起来多么古怪或无用,它们都有助于提高人们对CSS确切工作方式的理解。 例子:克里斯·海斯特(Chris Hester)的CSS Pencils ( CSS铅笔) ,其中CSS和许多 div元素用于显示一张图像,该图像看起来具有所有意图和用途,例如标准gif,jpeg或PNG。 样式切换器可用于更...

2004-05-02 00:00:00 84

翻译 疯狂CSS

CSS社区有着悠久的传统,即将CSS推向极限以发现新的技巧。 这些实验具有内在的价值,无论它们看起来多么古怪或无用,它们都有助于提高人们对CSS确切工作方式的理解。 例子:克里斯·海斯特(Chris Hester)的CSS铅笔 ( CSS Pencils) ,其中CSS和许多 div元素用于显示一张图像,该图像看起来具有所有意图和用途,例如标准gif,jpeg或PNG。 样式切换器可用于更改图像...

2004-05-02 00:00:00 57

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除