HTML--点石成金（简单到爆）

HellowZheng

于 2022-10-30 19:27:56 发布

阅读量780

点赞数

分类专栏： HTML 文章标签： html

请勿抄袭

本文链接：https://blog.csdn.net/HellowZheng/article/details/127603057

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前言

穷的我，想拥有点石成金的能力，今天嘿嘿……

源代码

main.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="demo.css">
    <link rel="stylesheet" type="text/css" href="buttons.css">
    <link rel="stylesheet" type="text/css" href="bootstrap.css">

    <script src="jquery-3.5.1.min.js"></script>
    <script src="bootstrap.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            // 选中img标签
            $('img').hover(function(){
                 // 修改这个标签的'src'属性值为'img/gold.png'
                $('img').attr('src','img/gold.png');
            },function(){
                $('img').attr('src','img/rock.png');
            });
        }); 
    </script>
</head>
<body>
    <img src="img/rock.png">
</body>
</html>

需下载

这个也要：点击下载bootstrap
这个也要：点击下载jQuery

demo.css

img
{
	position: relative;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 400px;
	transform: translate(-50%, -50%);
}
html,body
{
	height:100%;
}

图像

请将这两个图片统一导入img文件夹
像我这样

总结

这个程序非常适合穷的人，尤其是想体验~~点石成金的~~ 人。

题外话

额，从今以后，我传资源尽量穿.txt文档，免得有人用不了。（例如.py）
886!!!

HellowZheng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML--点石成金（简单到爆）

这个程序非常适合穷的人，尤其是想体验点石成金的人。
复制链接

扫一扫

专栏目录