![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端基础
alexbai!
会飞的鱼
展开
-
使用原生js制作轮播图特效
轮播图是网页中很重要的一块的内容,今天用原生JS做一个轮播图特效,对于了解轮播图实现原理是很有帮助的中间内容部分<div id="banner"> <!-- 图片 --> <div class="bannerImg"> <a href="" style="z-index: 1;"><img src="./image...原创 2019-04-16 08:37:12 · 265 阅读 · 1 评论 -
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = ‘<p></p>’; 只会将文本内容解析出来,不会显示标签 innerText innerText 只会将标签中的内容获取回来,不会获取标签 innerTex...原创 2019-04-26 10:02:44 · 2211 阅读 · 0 评论 -
js中的事件委托
起因:这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的;概述: 什么叫事件委托呢,事件委托还有一个名字叫事件代理,事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。举个列子有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么...原创 2019-04-29 16:35:04 · 142 阅读 · 1 评论 -
js实现仿京东商品放大镜和选项卡效果
效果:实现思路鼠标移入下面商品列表之后,在最上面显示对应的商品 默认情况下,黄色盒子和右侧大盒子是隐藏的 鼠标进入上面商品列表后,小黄盒子显示,右侧大盒子的商品显示 右侧商品的显示,是左侧商品的两倍并且是跟左侧黄色盒子移动距离相反布局<!-- 外层最大的盒子 --> <div class="bigBox"> <!-- 左侧的小盒子...原创 2019-04-25 12:30:42 · 1657 阅读 · 0 评论 -
js中常见的浏览器兼容问题
总结一些常见的浏览器中的兼容问题1、滚动条document.documentElement.scrollTop||document.body.scrollTop2、获取样式兼容function getStyle(dom, styleName){return dom.currentStyle?dom.currentStyle[styleName] :getComputed...原创 2019-05-10 15:37:38 · 943 阅读 · 0 评论