当前位置: 首页 > 图文教程 > 网页特效 > 网页文字特效 > 让网页指定的关键词与其它部分不同
No. « 1 2 › »
关键字
大家在BAIDU或者GOOGLE快照中经常看到这种情形,搜索的关键词加了和网页其他文字不同的标志,用来区分他们和网页其他文字不同。
<pre> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 软晨学习网文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用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>
[ 提示:你可先修改部分代码,再按Ctrl+A 全部选择 ]
登陆 还没注册?