superLink 让伪链接更有可用性
前几天,发现了一个名为superLink的新工具,它的主要作用究竟是什么呢?有时候我们在网页开发中,会给大块元素添加window.location链接,让页面跳转到指定的。我们可能还希望当鼠标悬停在这些元素上时,能够呈现出链接的手势样式,但又不想直接使用标签,因为元素内容过多,无法全部放在链接内部,比如hx、p、li等元素。
这就引发了一个问题,如果使用JavaScript来处理这些元素,可能会导致链接的许多功能失效。作者在文章中详细阐述了如何使用superLink来解决这个问题。
具体来说,通过superLink,我们可以实现在不改变原有元素功能的前提下,为其添加链接功能。只需在你原本使用window.location的元素上方覆盖一个透明的链接,就可以恢复链接的四个主要功能:
1. 中键点击:在新标签页打开链接(请注意,某些浏览器可能更改了中键的默认功能)
2. CTRL/SHIFT键单击:在新窗口或新标签页打开链接(请注意,这取决于你浏览器的设置)
3. 右键菜单:可以选择不同的方式打开链接
4. 浏览器状态栏显示链接信息
你可以通过尝试superLink的Demo来体验这些功能。实现这个工具其实并不难,主要是利用CSS和JavaScript技术,将透明的链接覆盖在原有元素上,从而在不干扰原有功能的前提下,恢复链接的四个功能。
superLink的想法非常棒,有总比没有强。对于那些类似的应用场景,我可能会选择在原有的a标签内部添加一个无用的span元素(不要误解我的意图,我是技术实用主义者),虽然定位可能会有些复杂,但只要方法得当,总是可以精准定位的。通过样式设置,我们可以解决这个问题。这样既能保留原有元素的功能,又能实现链接的透明覆盖效果。
网络推广
- superLink 让伪链接更有可用性
- ai怎么设计锐步图标- ai锐步标志logo的设计方法
- 移动硬盘无法识别 磁盘图标不显示的解决方法
- AI线条图形怎么转换为边框- ai纹理边框的做法
- ThinkPad笔记本如何安装ahci驱动加快系统速度
- XP系统下如何找回被EFS加密过的文件
- pmxinit.exe是什么进程 pmxinit进程查询
- 手机摄影的8个技巧 你知道多少
- Illustrator商业插画人物绘制流程手绘教程
- CAD怎么画斜线-cad斜线的几种绘制方法
- myfastupdate.exe - myfastupdate是什么进程文件 有什么用
- 简要讲解CSS中的类型选择器、ID选择器、类选择器
- hkss.exe是什么进程 有什么作用 hkss进程查询
- ai怎么绘制简单的T恤衫模板-
- kenmap.exe是什么进程 有什么用 kenmap进程查询
- Windows 10 RTM计划表曝光 最终版时间敲定为7月24日