请写一个html目的是实现点击h1标题后渐显新的标题

日期: 2028-12-08
标签: 常规

<!DOCTYPE html>
<html>
<head>
	<title>点击h1标题后渐显新的标题</title>
	<style>
		#newTitle {
			opacity: 0;
			transition: opacity 1s ease-in-out;
		}
<pre><code>	#newTitle.show {
		opacity: 1;
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
	<h1 onclick="showNewTitle()">原标题</h1>
	<h1 id="newTitle">新标题</h1>
<pre><code>&lt;script&gt;
	function showNewTitle() {
		document.getElementById(&quot;newTitle&quot;).classList.add(&quot;show&quot;);
	}
&lt;/script&gt;
</code></pre>
</body>
</html>

原文地址: https://www.cveoy.top/t/topic/nEM 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录