javascript - 输入时淡入的图像

标签 javascript jquery html css

我是 JavaScript 和 JQuery 的新手,所以我只想问一下,如何让图像仅在我开始在输入字段中输入时淡入输入标签旁边? 我应该如何用 JavaScript 编写我的 onchange 函数。

到目前为止,这是我的代码

提前致谢

 <!DOCTYPE html>
    <html>
    <head>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

</head>
<body>

   <img id="logo" src="visa.png" style="display:none"/>

   <input id="test" type="text">

<script type="text/javascript">

    $('#logo').hide().fadeIn(3000);

</script>

</body>
</html>

最佳答案

<img id="logo" src="visa.png" style="display:none" />
<input id="test" type="text" />

<script type="text/javascript">

     $('#test').keypress(function() {
         $('#logo').fadeIn(3000);
     });


</script>

是您要找的吗?

JSFiddle

编辑:对于你的第二个问题,如果我正确理解你的需要,这应该可以解决问题:JSFiddle 2

关于javascript - 输入时淡入的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30646254/

相关文章:

javascript onmouseout 清除html元素

jquery - 在 jQuery 中创建 div 作为子容器

javascript - 幻灯片背景图片

javascript - "Uncaught ReferenceError: createStoryJS is not defined"时间线JS错误

javascript - 当它是包含在多个页面中的单独的 html 文件时,在页眉中显示页面标题

html - 将内联样式动画化回初始状态

javascript - 如何使用 Javascript 在同一 HTML 文件中重复早期文本

javascript - Stripe Checkout undefined reference 错误

javascript - 除非发生某些事件,否则如何使所有用户都无法访问 React 中的路由

html - 如何将图像与顶部的列表水平对齐?