慕课网七夕告白程序没有运行效果

最新推荐文章于 2022-12-16 11:22:00 发布

YangJie-Edith

最新推荐文章于 2022-12-16 11:22:00 发布

阅读量263

点赞数

本文链接：https://blog.csdn.net/Northern_Light_Y/article/details/100139122

版权

在慕课网上学的七夕告白小程序照着写了但是最后运行效果没有

按照步骤来写后运行，先是没有效果

在这里插入图片描述

然后对照教程，发现教课过程没有讲解一行代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
		//这一行代码！！ 这里
	</head>

<link rel="stylesheet" type="text/css" href="index.css"/>

通过**< link/ >** 来调用一个css样式文件

rel="stylesheet" 代表调用的是一种样式

type="text/css" 具体说明调用样式的文件类型为CSS样式

href="index.css" 表示外部样式文件的路径

因此要添上这句话然后就可以有使用效果

在这里插入图片描述

最后要实现回答选项效果

当鼠标移动到不同意上面就会移动

这个问题是因为 需要在html文件的对应位置 指定文件路径 此处即为

		<div class="operate">
			<button class="btn" id="agree">好呀</button>
			<button class="btn" id="disagree">不好</button>
			<script src="index.js"></script>
			//此处！！！ 
		</div>

<script src="index.js"></script>

最后再运行即可达到最后的效果
在这里插入图片描述

YangJie-Edith

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
慕课网七夕告白程序没有运行效果

在慕课网上学的七夕告白小程序照着写了但是最后运行效果没有按照步骤来写后运行，先是没有效果然后对照教程，发现教课过程没有讲解一行代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="st...
复制链接

扫一扫