文章关键字 ‘锚点’

文章文档标题自动生成导航jQuery小插件titleNav.js

2018年04月30日,星期一

技术文档,或者一些官网首页,重展示,基本上都是一个<section>一个<section>的段落组成,每个段落会有一个标题,此时页面往往会很长很长,如果用户阅读时候关心的只是中间某个段落,则交互体验并不友好,此时,就需要有一个页面内的标题导航,用户直接点击导航菜单,就能定位到对应的标题,此时阅读起来就省心多了……

阅读全文…

URL锚点HTML定位技术机制、应用与问题

2013年08月25日,星期日

点击查看本文
关于锚点,我3年前就写过一篇针对性文章:“关于锚点跳转及jQuery下相关操作与插件”,不过内容略浮躁,都是偏表象、偏基本应用层面的东西;这里还是关于锚点,探讨的内容可能更深层次一点。

当下,锚点定位的应用一般有:href="#"返回顶部;或者文章较长时候的标题索引。这类应用往往都是通过点击触发的,于是,难免的,我们可能就很简单地认为锚点定位的触发是通过点击事件。而实际上,这种顺势而然的理解类似于古人理解为太阳绕着地球转一样,是有失偏颇的。我个人认为,锚点的定位是通过……

未来高端流行技术之一:锚点技术。

长篇,内容丰富,干货较多,希望本文内容能够对您的学习有所帮助!

阅读全文…

span与a元素的键盘聚焦性以及键盘点击性研究

2013年02月20日,星期三

我们平时涉及点击交互事件的时候,都是使用的a元素或者button元素,原因是可以相应键盘focus效果以及回车触发点击事件,这是众所周知的。
但是,可能存在一些特殊情况,我们需要使用默认没有键盘可访问性的元素,例如span元素,我们可以通过一定的设置支持键盘的可访问性,这是不为所知的,也是本文的重点所在。

阅读全文…

仿新浪微博返回顶部的js实现(jQuery/MooTools)

2011年04月7日,星期四

在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。本文就将简单展示下这种效果,本文的效果参照新浪微博的返回顶部效果,展示了在jQuery库和MooTools库下的实现。本文提供必要的demo页面和源代码展示。希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip:iframe高度动态自适应

2010年12月7日,星期二

我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,其中麻烦的是高度自适应的问题。后来,参考国外一些实现方法,根据原理提炼出了一个比较简单通用可行的方法。作为小小tip展示下,做备忘用。

本文内容不算多,但是该有的demo还是有的,该有的代码展示也是有的,有必要的截图。总之,希望能对您的学习提供帮助。

阅读全文…

最近整的MooTools库下Mbox弹框插件

2010年11月17日,星期三

不知道数年前,公司的前辈出于什么原因选择了MooTools库(貌似在国内不是很热),用Google趋势一搜这5个js库jQuery, mootools, YUI, dojo,extjs,结果如下图:
js库索引流行对比 张鑫旭-鑫空间-鑫生活

可怜的MooTools库垫底,但是,研究研究此库还是学到不少东西的,其OO思想,就如同JavaScript高级程序设计书中所展示的一样,基础不佳者往往很难驾驭,学习门槛高限制了其蓬勃发展啊,你看人家jQuery,即使JavaScript很初级的人也能整出点小花样,这种感觉就是——即使我很菜,我也能泡到美女,你说人家能不招人喜欢吗?

阅读全文…

无JavaScript纯CSS实现选项卡轮转切换效果

2010年09月15日,星期三

本文内容很简单,但是确实让人开眼界,新奇的技术,无JavaScript实现选项卡轮转切换效果。关键东西是什么呢?就是……看文章内容就知道了。^_^就这些,史无前例,本文无截图,只有一个简单的demo和代码展示。因为就像魔术一样,说穿了其实就是那么回事。

阅读全文…

关于锚点跳转及jQuery下相关操作与插件

2010年07月15日,星期四

本文主要是讲述有关页面锚点的一些知识,以及IE浏览器下锚点的一些问题及修复。最后,提供了自己写的一个很小的任意标签锚点跳转的小jQuery插件,并对此插件的使用进行的简单的介绍。

本文提供丰富的截图,提供必要的demo,以及源代码展示,提供相关的源文件下载。希望能对您的学习有所帮助。

阅读全文…