Animate.css延迟执行和设置重新设置动画时间
taotaoit 其他 2022-07-07 2837 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

7440998 2655 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (254)
Mysql (58)
DedeCms (33)
jQuery (67)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

Animate.css 作为一款强大的预设css3动画库,很值得我们在项目中引用。但是统一的动画时间不是很好看。

多个动画怎样延迟执行?

/* Animate.css延迟执行和设置重新设置动画时间 */
.animate_delay_0dot1{
  /* -webkit-animation-duration: 1s;
  animation-duration:1s;//重新设置动画时间 */
  -webkit-animation-delay:0.1s;/* 延迟执行动画 */
  animation-delay:0.1s;
}
.animate_delay_0dot2{
  /* -webkit-animation-duration: 1s;
  animation-duration:1s;//重新设置动画时间 */
  -webkit-animation-delay:0.2s;/* 延迟执行动画 */
  animation-delay:0.2s;
}
将样式添加到对应的动画class样式就行。


但其实有更好的方法,只需在要执行动画的div设置stye:
<div style="animation-duration: 500ms"></div>


更好的办法是结合wow.js使用,做到滚动条滑到某个位置时,才能显示动画

<div class="foot wow fadeInUp"></div>
<script src='https://cdn.staticfile.org/wow/1.1.2/wow.min.js'></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
    new WOW().init();
    };
    </script>

版权声明:本站原创文章,允许自由转载。

相关推荐
Uncaught (in promise) 的解决方法,可能原因
其他 | 2022-06-25 1082083
Uncaught (in promise) 的解决方法,可能原因;仅仅只是一种参考原因 我是因为copy的项目直接修改的,结果一直报错 Uncaught (in promise),检查发现接口请求数据已经正常返回,后来经过排查发现是在拦截器里面别人的判断是response.data.status !== 1 就算请求失败,从而Promi...
钉钉怎样设置快捷键?钉钉系统设置在哪
其他 | 2019-03-20 22758
钉钉怎样设置快捷键? 1,打开电脑端钉钉面板,点击右上角自己的头像,下拉菜单中点击系统设置 2,进入系统设置面板,下拉滚动条,找到快捷键设置
评论:0条
评论加载中...
发表评论