js侧边框

最新推荐文章于 2023-11-27 15:14:21 发布

原创

最新推荐文章于 2023-11-27 15:14:21 发布

· 539 阅读

1 ·

版权

文章标签：

#js #html #css3 #css

本文介绍了如何利用JavaScript、CSS和HTML实现动态的侧边框效果，详细讲解了js代码、CSS样式和HTML结构的应用。

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

js侧边框简单的实现

在这里插入图片描述

js代码

	<script>
		var ce2 = document.getElementById('ce2');
		// 获取id
		var ce1 = document.getElementById('ce1');
		// 获取id
		ce1.addEventListener('click',function(){
			// 捕捉 点击运行
			if(ce2.style.right == "0px" && ce1.style.right == "500px"){
				// 如果ce2.style.right等于0ce1.style.right等于500
				ce2.style.right = "-500px"
				ce1.style.right = '0px';
			}else{
				ce2.style.right = "0px"