qcode
  • 创作工场专业版,一问多答!更智能、更完整、更原创
  • 这是一个超强内容创作平台,它会写文章、做设计、绘图、敲代码,有问必答!
🔥点击使用-高级专业版🔥

PHP在文章头部添加toc的代码

时间2023-03-26 18:24:10 提问来自 湖北省武汉市 的网友 分类创作 浏览296
如下<script type="text/javascript"> $(document).ready(function(){ $(".article-content h2, .article-content h3").each(function(i,item){ var tag = $(item).get(0).localName; $(item).attr("id","wow"+i); $("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>'); $(".newh2").css("margin-left",0); $(".newh3").css("margin-left",20); }); // 监听滚动事件,当滚动到某个位置的时候触发相应的事件。 var headroom = new Headroom($('#header')[0], { // 对页头进行实例化 "offset": 135, // 设置距离页面顶部多少距离时隐藏页头 "tolerance": 5, // 所能容忍的滚动条位移,也就是说当你往上或者往下滚动一小部分距离(offset设定的值以内)时也会隐藏/显示页头 "classes": { // 这里是一些回调函数,会在特定阶段执行相应的函数。这样你就可以在显示和隐藏headroom时执行一些其他的操作。 initial : 'top-bar', // 初始化时添加的class pinned : 'slideDown', // 向下滑动式添加的class unpinned : 'slideUp', // 向上滑动式添加的class } }); headroom.init(); }); </script>

点击这里,进行内容创作

创作工场 免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!

上一篇 自我鉴定 下一篇 “ 电力系统工程师”的生涯人物访谈报告