1. 爱易网页
2. JS特效
3. 用js加亮指定的文章内容关键字

日期：2014-05-18　 浏览次数：20216 次

以下是HTML脚本特效代码，点击运行按钮可查看效果：

以下是程序代码

<pre> 用JS让文章内容指定的关键字加亮</font> <font face=Verdana> 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </pre> <script language="JavaScript"> function highlight(key) { var key = key.split('|'); for (var i=0; i<key.length; i++) { var rng = document.body.createTextRange(); while (rng.findText(key[i])) //rng.pasteHTML(rng.text.fontcolor('red')); rng.pasteHTML('<div style="border:1 solid red;display:inline"><a href="#" title='+ rng.text +'>' + rng.text + '</a></div>'); } } highlight('文章|关键|功能') </script></font> <a href="http://www.aiyiweb.com/HTML/jsrun/">欢迎访问爱易网网页脚本特效集</a>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]