【js效果】简单的js效果整理

最新推荐文章于 2022-07-23 14:28:19 发布

cdgogo

最新推荐文章于 2022-07-23 14:28:19 发布

阅读量406

点赞数

CC 4.0 BY-SA版权

分类专栏： js # js效果文章标签： html5 html javascript

本文链接：https://blog.youkuaiyun.com/cdgogo/article/details/120491488

这篇博客整理了两个简单的JavaScript交互效果：一是如何在点击时给当前元素添加样式，二是实现点击标题展开内容，同时隐藏其他元素的功能。对于网页动态效果的初学者来说，是很好的实践示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、给当前点击项添加样式

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>演習11-1 学籍番号：xxxxxxxx</title>
	<style>
		ul {
     
     
			list-style-type: none;
		}

		.list1 {
     
     
			width: 200px;
			height: 30px;
			border: 1px solid gray;
			background-color