用jQuery写一个阴阳师游戏目录
时间: 2023-12-20 18:05:40 浏览: 33
好的,下面是一个简单的阴阳师游戏目录的jQuery代码:
HTML代码:
```html
<div class="game-list">
<h2>阴阳师游戏目录</h2>
<ul>
<li><a href="#">式神图鉴</a></li>
<li><a href="#">御魂副本</a></li>
<li><a href="#">妖怪录</a></li>
<li><a href="#">御灵塔</a></li>
<li><a href="#">觉醒材料</a></li>
</ul>
</div>
```
jQuery代码:
```javascript
$(document).ready(function() {
// 隐藏游戏目录
$('.game-list ul').hide();
// 当点击游戏目录标题时,切换显示状态
$('.game-list h2').click(function() {
$('.game-list ul').slideToggle();
});
// 当点击游戏目录中的链接时,阻止默认行为并在控制台中输出链接文本
$('.game-list a').click(function(event) {
event.preventDefault();
console.log($(this).text());
});
});
```
这段代码首先隐藏了游戏目录的列表,然后为游戏目录的标题添加了一个点击事件,当点击标题时,使用jQuery的slideToggle()方法切换游戏目录列表的显示状态。接着,当点击游戏目录中的链接时,阻止默认行为并在控制台中输出链接文本。