Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript在按键时显示隐藏的可见性文本_Javascript_Html_Css_Visibility - Fatal编程技术网

使用Javascript在按键时显示隐藏的可见性文本

使用Javascript在按键时显示隐藏的可见性文本,javascript,html,css,visibility,Javascript,Html,Css,Visibility,我有一个javascript,当按下enter按钮时会被激活。它可以检测按键,甚至设置背景图像。但是secrettext和/或secrettext的元素不会被切换以显示。我想让它切换可见性 JS HTML 只需更改$(“#backgroundjake”).css('backgroundImage','url(+'images/bw_c1.jpg'+') 到 无效语法 $(document).keypress(function(e) { if (e.which == 13) { $

我有一个javascript,当按下enter按钮时会被激活。它可以检测按键,甚至设置背景图像。但是secrettext和/或secrettext的元素不会被切换以显示。我想让它切换可见性

JS

HTML


只需更改
$(“#backgroundjake”).css('backgroundImage','url(+'images/bw_c1.jpg'+')

无效语法

 $(document).keypress(function(e) {
  if (e.which == 13) {
    $("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');
    $("#secret").show();
    $("#secrettext").show();
  }
});
只需更改
$(“#backgroundjake”).css('backgroundImage','url(+'images/bw_c1.jpg'+')

无效语法

 $(document).keypress(function(e) {
  if (e.which == 13) {
    $("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');
    $("#secret").show();
    $("#secrettext").show();
  }
});

我建议一个干净的方法是使用可见性(或者不透明度,如果你想淡入/淡出)CSS属性切换一个类

例如

使用CSS:

#secrettext.show{
  visibility:visible;
}

工作示例:

我建议一种干净的方法是使用可见性(或者不透明度,如果您想淡入/淡出)CSS属性切换类

例如

使用CSS:

#secrettext.show{
  visibility:visible;
}

工作示例:

您必须这样做:

 $("#secret").css({"visibility":"visible"});

你必须这样做:

 $("#secret").css({"visibility":"visible"});

secret
嵌套在
secrettext
中,因此您不需要同时隐藏或显示它们,只需单独隐藏和显示
secrettext
,就足够了

然后内部文件准备功能,使用

$("#secrettext").hide();

并删除css
可见性:hidden
属性。

secret
嵌套在
secrettext
中,因此您不需要同时隐藏或显示它们,只需单独隐藏和显示
secrettext
,就足够了

然后内部文件准备功能,使用

$("#secrettext").hide();

并删除css
visibility:hidden
属性。

这非常有效。谢谢你的小提琴,它正是我所需要的。这很好用。谢谢你的小提琴,它正是我所需要的。