首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

利用HTML5,无JS实现各种交互效果

本文利用的是HTML5 details, summary 首先 一、了解HTML5 details, summary默认交互行为 标签在Chrome,Firefox等浏览器下默认是有展开收起行为的...JS捕获键盘行为手动设置outline 这个方法不需要对HTML进行任何的改动,是通过CSS和JS配合对全局的元素进行outline优化。...imageMogr2/auto-orient/strip) 没有任何JS参与。...('details');``` 最后,无JS实现的好处有: 省了代码,加载快了; 实现更简单了,开发快了; JS还没加载交互也能进行,体验好了; 键盘无障碍和aria阅读设备无障碍天然支持,体验档次高了...自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS到移动端HTML5到各种框架的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的

7.4K20
领券