文章目录扩展默认的 JS 代码和 CSS 代码
2023-06-13 09:18:33 时间
WPJAM Basic 的文章目录扩展,很多人用了之后,为了适应自己的主题,就修改默认的 JS 和 CSS 代码,但是一不小心改错了,显示不正确,人生就那么悲催,哈哈。
那么这里提供一下默认的 JS 代码和 CSS 代码,让你可以恢复到默认。
文章目录扩展默认的 JS 代码
jQuery(document).ready(function(){
jQuery('#toc span').on('click',function(){
if(jQuery('#toc span').html() == '[显示]'){
jQuery('#toc span').html('[隐藏]');
}else{
jQuery('#toc span').html('[显示]');
}
jQuery('#toc ul').toggle();
jQuery('#toc small').toggle();
});
});
文章目录扩展默认的 CSS 代码
#toc {
float:right;
max-width:240px;
min-width:120px;
padding:6px;
margin:0 0 20px 20px;
border:1px solid #EDF3DE;
background:white;
border-radius:6px;
}
#toc p {
margin:0 4px;
}
#toc strong {
border-bottom:1px solid #EDF3DE;
display:block;
}
#toc span {
display:block;
margin:4px 0;
cursor:pointer;
}
#toc ul{
margin-bottom:0;
}
#toc li{
margin:2px 0;
}
#toc small {
float:right;
}
相关文章
- 使用 Dapr JS SDK 让 Nest.js 集成 Dapr(微软开源的分布式应用程序运行时)
- JS跳转代码_js中跳转页面路径
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- JS设置定时器_js设置定时器
- 使用 Vue.js Devtools 扩展作为 Vue 应用调试工具
- Js常见的几个的全局函数
- 【JS 逆向百例】猿人学系列 web 比赛第二题:js 混淆 - 动态 cookie,详细剖析
- JS设计模式 - 笔记
- js日期时间格式化函数 支持季度 24/12小时制 周 毫秒(Date扩展)详解编程语言
- js实现路由跳转详解编程语言
- Linux运行JavaScript:实现完美的开发体验(linux运行js)
- JS location对象的使用
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- Prototype使用指南之base.js
- js生成密匙流脚本代码
- JS的数组的扩展实例代码
- CSS和JS标签style属性对照表(方便js开发的朋友)
- js下通过prototype扩展实现indexOf的代码
- 原生js写的放大镜效果
- 原生js实现改变随意改变div属性style的名称和值的结果
- 编写js扩展方法判断一个数组中是否包含某个元素
- JS读取XML文件示例代码
- 浮动的div自适应居中显示的js代码
- 用js设置下拉框为只读的小技巧
- 三种动态加载js的jquery实例代码另附去除js方法
- node.js中的fs.link方法使用说明
- asp.net后台如何动态添加JS文件和css文件的引用