文章关键字 ‘下拉菜单’

CSS :focus-within伪类选择器及纯CSS下拉等应用举例

2018年01月21日,星期日

:focus-within伪类原本设计的作用是原生表单元素focus时候,祖先<form>元素可以也有状态变化。

但是在我看来,:focus-within功能之强悍,远远不是仅仅和祖先<form>元素玩过家家这么简单。

理论上,只要页面上任意一个元素focus,通过:focus-within就能对页面上任意的元素进行样式控制…

阅读全文…

js下拉菜单实现与可访问性问题的一些思考

2010年09月10日,星期五

从本文的题目可以看出,内容的重点在于“下拉菜单”“可访问性”,其实前面的“下拉菜单”只是用来示例,“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往,丰富的截图,必要的代码示例,还有UI良好的demo页面。天色已晚,话不多说,总之,应该会对您的学习有所帮助的。

阅读全文…

jQuery之使用slideToggle实现垂直下拉菜单

2009年12月22日,星期二


本文展示如何用简单的jQuery代码配合CSS实现效果上佳的下拉菜单效果。并对效果实现的核心函数方法slideToggle做一定的讲解。
本文提供详尽的demo页面以及简化的源文件代码下载,希望对您能有所帮助。

阅读全文…