ChinaTrojangirl 2016-11-25 05:38 采纳率: 62.5%
浏览 1870
已采纳

jQuery 显示隐藏会闪屏

想实现鼠标经过时显示隐藏的div，鼠标离开隐藏，用show和hide会闪屏，用css鼠标离开时div不隐藏图片说明

  • 写回答

4条回答 默认 最新

  • 问问那只猫 2016-11-25 06:13
    关注

    试试 JQ 的toggleClass 呢 先单独写好一个hidden的class 样式，然后利用toggleClass来添加这个class 实现这个隐藏和出现的效果，你还可以试试fadeIn 和fadeOut 淡入淡出的效果

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
    2020-09-02 18:12
    EasyUI 是一款基于 jQuery 的前端框架，用于快速构建用户界面。在使用 EasyUI 开发网页时，有时会遇到页面在加载过程中出现混乱的情况，这主要是因为 EasyUI 需要等待 DOM 元素加载完毕后才开始解析和渲染组件，这...
  • 前端面试题八股文汇总（最新）
    2022-05-26 23:09
    里见HU的博客 问题：才开始做项目的时候，以为插件使用简单，vue项目中轮播图的使用，swiper插件的使用，查看官方的文档是一定要有节点DOM（相应的结构）渲染出来才会有对应的动态效果。 vue中mounted生命周期函数–&gt
  • vue前端面试
    2024-07-08 16:22
    阿垚啊的博客 是 Vue.js 提供的一个生命周期钩子函数，它会在组件被销毁后，将其缓存到内存中，当再次访问时，会从缓存中取出组件实例，而不是重新创建一个新的实例。如果组件内有响应的数据，数据发生改变时，render函数会生成一...
  • 2023最新八股文前端面试题
    2023-12-08 12:43
    桃根仙的博客 CSs的特性:继承性、层叠性、优先级优先级:写CSS样式的时候，会给同一个元素添加多个样式，此时谁的权重高就显示谁的样式标签、类/伪类/属性、全局选择器、行内样式、id !important!important >行内样式 > id >类/伪...
  • 前端面试（4）
    2024-03-16 12:53
    小熊要睡觉的博客 如果组件内有响应的数据，数据发生改变的时候，render函数会生产一个新的虚拟DOM，这个新的虚拟DOM会和旧的虚拟DOM进行比对，找到需要修改的虚拟DOM内容，然后去对应的真实DOM中修改。，当数据改变的时候，ViewModel...
  • 前端面试题 (Vue)
    2023-10-11 12:50
    碧鸡不B7的博客 v-if 显示隐藏时把DOM元素添加和删除2. v-if 有一个局部编辑/卸载的过程，切换这个过程中会适当的销毁和重建内部的事件监听和子组件；v-show 只是简单的CSS切换3. v-if 才是真正的条件渲染，v-show 从 false 变成 ...
  • 14万字面试题汇总整理，祝你顺利斩获大厂前端offer
    2021-07-17 09:08
    麦田上的字节的博客 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法， 混杂模式是—种向后兼容的解析...
  • 前端最全面试题整理（持续更新）
    2023-02-17 23:56
    胡萝卜大王驾到的博客 题比较全，但是原版很多题的答案不是很清晰，在此基础上我重新补充了一下 最近应该会持续的把这些题的答案更新完 2023.2.17 目录 写在前面 前端基础 一、 HTTP/HTML/浏览器P 1、说一下 http 和 https (1) http 和 ...
  • 前端面试 -- Vue
    2023-06-24 20:25
    虾小眠0526的博客 一些关于前端面试会问到的vue相关的面试题
  • 2023年个人js前端面试题
    2023-02-21 22:07
    人间不值得丶的博客 很有可能会造成页面闪屏 4、jquery哪些方式可以让一个元素隐藏 hide() 本质是 display none 或者直接 修改css display 为none 或者 修改css visibility 为 hidden 5、v-if和v-for的优先级 在vue2中，v-for的优先级是...
  • 谈谈前端性能优化-面试版
    2023-02-27 09:20
    loveX001的博客 当我们去面试的时候，很大概率会被面试官问这么一个问题：你有尝试过对项目做性能优化吗？或者你了解哪些性能优化的方法？听到这个问题的你可能是这样的：似曾相识但又说不清楚，往往只能零散地说出那么几点，难以...
  • 前端面试1
    2024-06-05 21:07
    YBN娜的博客 如果组件内有响应的数据，数据发生改变的时候，render函数会生成一个新的虚拟DOM，这个新的虚拟DOM会和旧的虚拟DOM进行比对，找到需要修改的虚拟DOM内容，然后去对应的真实DOM中修改。watch不支持缓存。
  • 前端基础面试
    2023-02-15 20:21
    gradient123的博客 答案：数据驱动和组件化思想 请问 v-if 和 v-show 有什么区别 v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏 v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果(删除) vue 中 key 值...
  • CZX前端秘籍2
    2024-10-21 17:42
    C先生20190721的博客 > 父destroyed created和mounted created： 在渲染前调用， 通常先初始化属性， 然后做渲染 mounted： 在模板渲染完成后， 一般都是初始化页面后， 在对元素节点进行操作在这里请求数据可能会出现闪屏的问题， ...
  • 前端八股文
    2023-10-08 16:37
    wen_zhi的博客 协议 子域名 主域名 端口号 资源同源策略是浏览器的核心，如果没有这个策略就会遭受网络攻击主要指的就是协议+域名+端口号三者一致，若其中一个不一样则不是同源，会产生跨域三个允许跨域加载资源的标签：img link ...
  • 前端编码规范
    2022-01-14 15:01
    萧大侠jdeps的博客 但是一般要写一个有内容的，根据图片想要表达的意思，因为alt是在图片无法加载时显示的文字。如下不太好的写法： <img src="company-logo.svg" alt="ABC Company Logo">复制代码 更好的写法： &
  • 前端面试题套餐没事瞧瞧
    2023-11-10 10:38
    Leeeeeer的博客 前端内存泄漏怎么理解 js已经分配内存地址的对象，但是由于长时间没有释放，或者没办法清除，造成长期占用内存的现象，会让内存资源大幅浪费，最终导致运行速度慢，甚至崩溃情况。 垃圾回收机制 因素：一些未声明...
  • 2023前端面试题汇总。
    2023-10-11 10:02
    Rlm*的博客 2023前端面试题汇总，持续更新~。
  • 前端八股（2）vue
    2024-11-09 17:55
    shadowflies的博客 v-if显示隐藏时把DOM元素整个添加和删除 2.v-if有一个局部编译/卸载的过程，切换这个过程中会适当的销毁和重建内部的事件监听和子组件;v-show只是简单的css切换 3.v-if才是真正的条件渲染;v-show从false变成true的...
  • 没有解决我的问题, 去提问

问题事件

  • 已采纳回答 9月13日