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

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

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

以下是程序代码

<pre> 关键字加亮特效 是这样的.. 现在有这些关键字:美容,生活,购物,爱易网,web开发 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 更多的网页特效，欢迎访问js.aiyiweb.com... </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('爱易网|关键|功能|aiyiweb') </script></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站，js.aiyiweb.com</a>

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