如用用JQ+CSS高亮当前页的导航链接

如用用JQ+CSS高亮当前页的导航链接,第1张

这个效果一般是通过在body中设置相应的id或者class实现的。毕竟对于大部分cms而言都得单独做模板,只要把相应页面的模板body的class或者id改一下就行。用jQuery要涉及地址判断之类的,而且,这么简单的功能,也有点大材小用了。。。

jQuery加载起来可是比页面要大,压缩后也得70k以上。

 <div class="testClass" id="testId">种田科技赋予科技</div>

<script type="text/javascript">

    var text = $('testClass')text();

            var hrefurl = "<a href='

科 技</a>";

            for (var i=0; i < textindexOf("科技") ;i++) {

                text = textreplace("科技", hrefurl);

            }

            documentgetElementById('testId')innerHTML = text;

        </script>

定义如下JS函数,然后DIV触发onclick

事件就OK。

function

CopyUrl()

{

var

htm

=

documentgetElementById("yourdiv")innerHTML;

windowclipboardDatasetData('text',

htm);

}

yourdiv

就是你的div的ID

以上就是关于如用用JQ+CSS高亮当前页的导航链接全部的内容,包括:如用用JQ+CSS高亮当前页的导航链接、jq 找到指定文字,并赋予链接、js、jq实现获取当前页面光标选中的一段文本,然后复制到剪切板等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9430949.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存