![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端——DEMO
文章平均质量分 59
ChenXJ_7
这个作者很懒,什么都没留下…
展开
-
加载——水位上移效果
如下代码是一个加载过程的demo,通过水位上移表示进度情况的原理。也就是说,实现了加载过程中,水位上移表示加载的进度值增加的效果。效果图 1、页面 <div class="circle"> <img src="water.png"> <span></span></div> 2、c原创 2017-08-02 09:56:28 · 1556 阅读 · 2 评论 -
搜索——页面内搜索与替换
从页面呈现内容中搜索关键字,请求后台实现搜索过程繁琐、效率低、性能低,通过前端实现页面内搜索可以减少前端与后台的交互,效率也更高。以下代码实现了页面内搜索:1、页面 2、css.header{margin: 70px 0;width: 100%;}#search-box{margin: 0 au原创 2017-08-09 09:48:33 · 1263 阅读 · 0 评论 -
iframe父页面与子页面之间的元素获取与方法调用
父页面与子页面之间的元素获取与方法调用:1、JS父调子子调父元素window.frames[iframe的name属性值];① window.parent.document.getElementById("父页面元素ID");②window.parent.document.getElementsByTagName(原创 2017-11-15 11:00:22 · 25528 阅读 · 4 评论