打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

LNN的非博客:首页:修订间差异

来自 LNN的:not(博客)?
DGCK81LNN留言 | 贡献
无编辑摘要
DGCK81LNN留言 | 贡献
Add ARIA to recent-changes / new-pages tabs
第32行: 第32行:


<div style="display: flex; flex-wrap: wrap; justify-content: stretch;">
<div style="display: flex; flex-wrap: wrap; justify-content: stretch;">
{{{{FULLPAGENAME}}/模板/板块|<html
{{{{FULLPAGENAME}}/模板/板块
><a id="recentchanges-link" class="active" href="javascript:;" onclick="$('#recentchanges-wrap').show();$('#newpages-wrap').hide();$('#recentchanges-link').addClass('active');$('#newpages-link').removeClass('active')">最近更改</a
|{{MywikiParaHack|<html>
> | <a id="newpages-link" href="javascript:;" onclick="$('#recentchanges-wrap').hide();$('#newpages-wrap').show();$('#recentchanges-link').removeClass('active');$('#newpages-link').addClass('active')">最新页面</a
<div id=rcnp-tabs role=tablist
><style>
><a id=rcnp-tab-rc role=tab aria-controls=rcnp-rc aria-selected=true href="javascript:;">最近更改</a
a.active { color: inherit }
> | <a id=rcnp-tab-np role=tab aria-controls=rcnp-np aria-selected=false href="javascript:;">最新页面</a
</style></html>
></div><style>
#rcnp-tabs > a[aria-selected=true] {
  color: inherit;
  text-decoration: none;
  cursor: inherit;
}
</style>
<script>
$("#rcnp-tab-rc").click(function () {
  $("#rcnp-rc").show()
  $("#rcnp-np").hide()
  $("#rcnp-tab-rc").attr("aria-selected", "true")
  $("#rcnp-tab-np").attr("aria-selected", "false")
})
$("#rcnp-tab-np").click(function () {
  $("#rcnp-rc").hide()
  $("#rcnp-np").show()
  $("#rcnp-tab-rc").attr("aria-selected", "false")
  $("#rcnp-tab-np").attr("aria-selected", "true")
})
</script>
</html>}}
|style= display: flex; flex-direction: column; flex: 2 1 50%; box-sizing: border-box;
|style= display: flex; flex-direction: column; flex: 2 1 50%; box-sizing: border-box;
|2=<div style="height: 20rem; overflow-y: auto; overflow-wrap: break-word;">
|{{MywikiParaHack|<html
<div id="recentchanges-wrap">{{{{FULLPAGENAME}}/模板/最近更改}}</div>
><div style="height: 20rem; overflow-y: auto; overflow-wrap: break-word;">
<div id="newpages-wrap" style="display: none">{{{{FULLPAGENAME}}/模板/最新页面}}</div>
<div id=rcnp-rc role=tabpanel aria-labelledby=rcnp-tab-rc>
</div>}}
  </html>}}{{{{FULLPAGENAME}}/模板/最近更改}}{{MywikiParaHack|<html>
</div>
<div id=rcnp-np role=tabpanel aria-labelledby=rcpb-tab-np style="display: none">
  </html>}}{{{{FULLPAGENAME}}/模板/最新页面}}{{MywikiParaHack|<html>
</div>
</div></html>}}}}


<div style="flex: 1 2 25%; display: flex; flex-direction: column;">
<div style="flex: 1 2 25%; display: flex; flex-direction: column;">
第59行: 第85行:
* [https://zh.moegirl.org.cn/User:DGCK81LNN 萌娘百科用户页]
* [https://zh.moegirl.org.cn/User:DGCK81LNN 萌娘百科用户页]
}}
}}
</div>
</div>
</div>

2022年8月20日 (六) 19:49的版本