在html5中怎么写鼠标经过,在HTML中,如何在将鼠标悬停在文本上时显示图像?

要将鼠标悬停在整个文本部分上以显示图像,您可以在悬停时显示和隐藏图像:

CSS@H_403_9@img{

display: none

}

p.one:hover + img{ //img is a sibling

display: block;

}

p.two:hover img{ //image is a child

display: block;

}

HTML@H_403_9@

HOVER OVER ME - IMG IS SIBLING

96a9ae081be4acde3a03e54ac90cdfe4.png

HOVER OVER ME -IMG IS CHILD

96a9ae081be4acde3a03e54ac90cdfe4.png

要么@H_403_9@

如果要将鼠标悬停在文本的特定部分上,可以将文本包装在跨度中,只需将图像作为该跨度的兄弟或子项:@H_403_9@

HTML@H_403_9@

This is some text. HOVER OVER ME

96a9ae081be4acde3a03e54ac90cdfe4.png

CSS@H_403_9@img{

display: none

}

span:hover + img{

display: block;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值