![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
异客丶丶
这个作者很懒,什么都没留下…
展开
-
js函数明明已经定义,却显示xxx()is not defined的解决办法
在js代码中,偶尔会碰到函数明明已经定义,却提示xx() is not defined如下如:js代码如下:明明已经执行了一遍了,但是定时器里的就是找不到一直出现上面的错误提示解决办法其实很简单,将代码改写为如下形式即可:完美解决!!快去试试吧。底层原理目前还不清楚,想起来了再来填坑。...原创 2021-02-28 20:48:33 · 9955 阅读 · 7 评论 -
js获取当前点击的div的自定义属性
js获取当前点击的div的自定义属性HTML结构如下: <div class="content-left-nav"> <div data-value="1" class="active-yscy-left">能源工业</div> <div data-value="2" class="">石油化工</div> <div data-value="3" class="">有色冶金</div>原创 2021-02-25 11:10:42 · 3658 阅读 · 0 评论 -
自定义滚动条的实现
自定义滚动条的实现以div滚动条为示例HTML代码:<div class="tab-details"> <div>内容1 制作基础优势</div> <div>内容2 规划或目标</div> <div>内容3 重点项目</div></div>css代码: .tab-details{ width: 100%; height: calc(100% - 40px);原创 2021-02-23 11:01:50 · 171 阅读 · 0 评论 -
CSS总结div中的内容垂直居中的五种方法
CSS总结div中的内容垂直居中的五种方法文章目录一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p { height:30px; line-height:30px; width:100px; overflow:hidden; }二、内边距(padding)法另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容垂直居中,比如:转载 2021-02-23 10:48:49 · 232 阅读 · 0 评论 -
实现垂直分散对齐的方法
垂直分散对齐,针对竖向导航等情况核心知识点: display: flex; flex-direction align-items justify-contenthtml代码: <div class="content-left-nav"> <div class="active-yscy-left">能源工业</div> <div class="">石油化工</d原创 2021-02-23 10:32:29 · 733 阅读 · 0 评论 -
css实现鼠标移入移出动画效果逆向
鼠标移入添加动画,移出后逆向动画效果实现核心知识点:transition hoverhtml代码: <div class="content-left-nav"> <div class="active-yscy-left">能源工业</div> <div class="">石油化工</div> <div class=""&原创 2021-02-23 10:27:33 · 2217 阅读 · 0 评论