html 当鼠标停留在图片上 显示另外一个div

html 当鼠标停留在图片上 显示另外一个div,第1张

那个透明的盒子是单独写的,写好后,使用绝对定位将其移到图片盒子区域外(比如说left:9999px),图片要求使用overflow:hidden,这样刚开始的时候就看不见文字,

然后给图片添加hover伪类,改成你需要定位的值,鼠标移上去显示出来,,要慢慢下滑出来或者其他动态出来,使用css的过渡效果就行了

在当前页打开吗?在当前页打开的话是用target属性,即<a href="" target="_self"></a>

默认就是在当前页打开。

如果是想点击后不实现跳转的话,就修改href,即<a href="javascript:void(0)"></a>

这样就可以实现点击不跳转


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/7639989.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存