
花瓣网动态图层与地址栏操作的秘密
花瓣网列表页的独特效果引起了大家的兴趣:点击某张图片时,图片作为半透明层覆盖在原页面之上,而浏览器地址栏中却显示了图片的地址。这背后的机制令人好奇。
其实,花瓣网并没有打开新的页面,而是巧妙地弹出了一个透明层,覆盖在了原页面之上。这个透明层中显示的便是用户点击的图片。
地址栏中地址的变化也是通过浏览器实现的。浏览器会在地址栏中注入历史记录,记录下用户浏览过的页面。当花瓣网弹出透明层时,浏览器自动将图片地址添加到历史记录中,从而在地址栏中显示了新的地址。
至于花瓣网采取这种方式的目的,有两种常见的解释。其一是为了方便项目开发和资源查找。半透明的背景层保留了原有页面,使得用户可以方便地返回查看其他图片。其二可能是其他目的,具体意图还需官方证实。










