利用JQUERY1.6.4作的文章目录插件1.0与2.0
- 程序猿 XIUPHP ... (shuke.2013-09-30 08:41)
- 有感于百度百科的目录，
所以写长文章的同志们可以分段，分标题来写了.
在文章内容页自动获取 <h3>,<u> 内容作为页面锚点！形成目录.
效果如下：
后台插件预览：
-
2 楼 天月[2013-09-30 11:30]你也太牛B了吧。，。。。
-
3 楼 shuke[2013-10-07 08:46]这个插件的源代码：<!--list start-->
<script src="/view/js/jquery.1.6.4min.js" type="text/javascript" ></script>
<STYLE TYPE="text/css">
#shuke_list{padding:10px;border:solid gray 1px;width:300px;border-radius:10px; }
#shuke_list a{margin-bottom:10px;color:#259;}
#shuke_list a.anchor-h4{font-size:12px;}
</STYLE>
<div id="shuke_list"></div>
<script type="text/javascript">
$(document).ready(function() {
x = $("h3,h4");
n = 0;
c = "";
x.each(function() {
$(this).before("<a name='anchor" + n + "'></a>");
if ($(this).prop('tagName') == "h3") //不可用"h3"
{
c=c+"<a href='#anchor"+n+"' class='anchor-h3'>"+$(this).text()+"</a><br/>";
}
else {
c=c+"<a href='#anchor"+n+"' class='anchor-h4'>"+$(this).text()+"</a><br/>";
}
n = n + 1;
});
$("#shuke_list").html("目录<BR>"+c);
});
</script>
<!--list over-->
现在版本为改革版本V2.0版本。
修复了各种BUG；
一，回复也显栏目的问题；
二，编辑器不支持H3与H4标签，修改为U标签。也就是下划线标签。(百度编辑器并不是真实的U标签，最好用XIU的编辑器)。
三，修改为，右下角浮动样式。可以带关闭。
四，最好的优点，就是回复的U也可以捕捉到目录里。本以为是个BUG，后来发现，效果还不错！
五，绿色无污染，不会影响网站打开的速度。
-
4 楼 shuke[2013-10-09 09:01]xiuno_帖子内部目录插件2.0
在1.0基础上修复了各种BUG；
一，回复也显栏目的问题；
二，编辑器不支持H3与H4标签，修改为U标签。也就是下划线标签。(百度编辑器并不是真实的U标签，最好用XIU的编辑器)。
三，修改为，右下角浮动样式。可以带关闭。
四，最好的优点，就是回复的U也可以捕捉到目录里。本以为是个BUG，后来发现，效果还不错！
五，绿色无污染，不会影响网站打开的速度。.
链接:http://pan.baidu.com/s/1883qD
密码:83jj
酷能立即下载地址
所有软件已经过管理员安装检测，如不能正常运行,请检查运行环境和硬件配置,或联系QQ:896158959，管理员会及时处理。请记住我们的分享地址：www.coolneng.com -
5 楼 shuke[2013-10-31 17:29]Jquery下判断Id是否存在的代码，来解决没有U标签时，目录不出现的问题；$(document).ready(function() {
if($("u")[0]){}else{$("#muludiv").hide();}
});
一、判断对象对象是否存在
如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的
if($("#id")){
}else{}
因为 $(“#id”) 不管对象是否存在都会返回 object 。
正确使用判断对象是否存在应该用：
if($("#id").length>0){}else{}
使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。
或者
if($("#id")[0]){} else {}
或者直接使用原生的 Javascript 代码来判断：
if(document.getElementById("id")){} else {}
二、根据父节点查找子节点
jQuery之children()返回匹配对象的字节点
children() 返回匹配对象的子介点
<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代码及功能：
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”
三、根据子节点查找父节点
<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>
jQuery代码及功能
Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到对象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)过滤得到[<span id="sp">three</span> ]
-
6 楼 shuke[2013-11-03 09:50]目录3.0相关介绍：
舒克的目录插件介绍：
4.【编辑器不支持H3与H4标签，修改为U标签。也就是下划线标签。(百度编辑器并不是真实的U标签，最好用XIU的编辑器)】
1. 首先表示本插件为绿色无污染插件（不会影响打开速度），
2. 在文章内容与回复页自动获取本页 <u> 内容作为页面锚点！形成目录。如：代码中 <u>目录一</u>。。。
3. 在2.0基础上增加了判断有无目录（目录有则显示，没有则隐藏），背景透明；
power by shuke 2013-11-3
http://www.coolneng.com/?thread-index-fid-6-tid-352.htm
- 解决织梦图集中上传图片时跳出302错误
图片新热点
-
网站自定字体，压缩字库让网页字体与图标 *.EOT是一种压缩字库，目的是解决在网页中嵌入特殊字体的难题。例如：网页前端开发人员在网页中使用... 查看详情 -
酷能微日志V1.1发布 酷能微日志V1.1发布一，PHP文件，无需数据库(日志生成TXT文件保存在DATA里)。3个文件搞... 查看详情 -
PHPCMS调用自动广告的问题 可以专门建立一个或者几个栏目，用于放置不同的广告。在后台建立栏目时，可以先填写广告栏目的ID，在加... 查看详情 -
js 图片带点幻灯播放效果，适合做BA 这个效果很适合BANNER，可以加连接，也可以做幻灯片。有图有真相：... 查看详情 -
【原创】phpcmsv9 关于站群同布 1.首先，建立一个发步点，填写FTP相关地址，为的是能够发步到你网站空间里。这样子你的网站就不要后... 查看详情