html css如何实现 下面的 图片一开始是隐藏的当鼠标移动到文字上的时候 显示图片

html css如何实现 下面的 图片一开始是隐藏的当鼠标移动到文字上的时候 显示图片,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8>

<title>dd</title>

<style>

    li img{

        display:none

    }

    li:hover img{

        display:block

    }

</style>

</head>

<body>

<ul>

<li>

    <div>swwwwwwww</div>

    <img src="aa.jpg" />

</li>

</ul>

</body>

</html>

如果是JQuery的话

就用这种方式。$("document).ready(function{ 控制代码 })

如果是普通JS

那么就用window.onload=function(){ 控制代码}

两者效果是一样的,都是页面在加载完成后自动执行。


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

原文地址: http://outofmemory.cn/zaji/7378916.html

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

发表评论

登录后才能评论

评论列表(0条)

保存