您的位置：首页 > Web前端 > JQuery

jquery-highlight.js高亮显示

2016-07-30 18:33 155 查看

js高亮显示

<style type="text/css">

.highlight{background-color:yellow;padding:2px;}

</style>

<script type="text/javascript">

//搜索类型 0标题，1正文，2作者

var searchType = "${(searchType)!}";

//搜索关键字

var replace_search = "${(search_content)!}";

function showHighlight(){

var searchs = [];

if(replace_search.indexOf(",")>0){

searchs = replace_search.split(",");

}else{

searchs = [replace_search];

}

for(var i=0;i<searchs.length;i++){

if(searchType == "wa_title"){

$(".red").highlight(searchs[i]);

}else if(searchType == "wa_content"){

$(".content").highlight(searchs[i]);

}else if(searchType == "wa_file"){

$(".su_name").highlight(searchs[i]);

}

}

}

</script>

<BODY id="data" onload="showHighlight()">

<div class="search_list">

<h3>

<span style="font-size: 15px;color: #3366ff;">[${(item.wc_name)!}

]</span>

<a href="${path}/web/article_newsViewA.do?wa_id=${(item.wa_id)!}"

target="_blank">

<span
class="red">${ellipsis(item.wa_title,80)}</span>

</a>

</h3>

<p
class="content">${ellipsis(item.wa_content,500)}</p>

<div class="date">【日期】<@dateOut item.wa_postdate/> 【作者】<span

class="su_name">${item.wa_file}</span>【发布人】<span

class="su_name">${item.su_name}</span></div>

</div>

</body>

结果如图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery css html

相关文章推荐

新的分享

章节导航