这里页面搜索的实现是简单的HTML元素替换,如果使用的是bootstrap的话会有样式丢失的情况出现,需要重新绑下时间:
整个body放在一个dom里面:
<body>
<div id="window_content">
....
</div>
</body>
弹窗在这里:
<div style="width: 600px;position: fixed;top: 50px;left: 20px;z-index: 999; display: none" id="search_key_dom_">
<input type="text" id="search_key">
<button id="search_btn" >搜索</button>
<button id="search_top" >上一个</button>
<button id="search_next">下一个</button>
<button id="search_cancle_">取消搜索</button>
</div>
css里面加个样式,也可以根据需求自定义:
.res {
/*color: Red;*/