html,css,js实现星座,属相测算小程序

最新推荐文章于 2025-09-11 08:53:47 发布

原创

最新推荐文章于 2025-09-11 08:53:47 发布 · 3.3k 阅读

16 ·

CC 4.0 BY-SA版权

本文介绍如何使用HTML、CSS和JavaScript技术来创建一个星座和属相的测算小程序。文中提及了刘同学提供的判断代码，并展示了页面的实际效果。

声明:感谢刘同学的判断代码

图片文件路径自己设定

页面效果:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*ease-in-out渐入渐出*/
			.box .img{
						animation:turn 30s ease-in-out infinite;
					    }
			/* 动画 */
			@keyframes turn{
						100%{ transform:rotate(7200deg);}
			     }
		</style>
	</head>
	<body>
		<div style="background:skyblue; width: 500px; height: 250px;">
			<div style="float: left; width: 250px;height: 290px; ">
				<p>出生年份:<input type="text" style="width: 90px;" id="year"></p>
				<p>出生月份:<select style="width: 90px;" id="month">
					<option value="1">1</option>
					<option value="2">2</option>