收藏
<!DOCTYPE html>
<html>
<head>
<title>点击某个元素时改变另一个元素的属性该怎么做呢？</title>
</head>
<style type="text/css">
.content{ width: 1300px; margin: 0 auto; background: pink; height: 600px; }
.content ul { list-style: none; }
.content ul li{ width: 300px; height: 300px; background: #ccc; border: 1px solid #fff; float: left;list-style: none;text-align: center; }
.cilck { line-height: 300px; font-size: 16px; }
.mynone{display: none;line-height: 300px; text-align: center; font-size: 16px;}
</style>
<body>
<script type="text/javascript">
//点击某个元素时改变自己的属性的写法更具老师的写法我会写了。
// 但是我想实现鼠标点击时 隐藏第一个span 第二个span显示出来 该怎么实现呢
function mycontent(x){
//还有这里的点击一个元素时改变另一个的写法不知道怎么写了
x.style.display='block'
}
</script>
<div class="content">
<ul>
<!-- 这里的函数调用位置不知道写在哪里 -->
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
<li><span class="cilck">点击抽奖</span><span class="mynone">谢谢参与</span></li>
</ul>
</div>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
