js点击消失出现效果 javascript 点击

js原生,每次点击按钮后让div消失,3秒后再出现。求大神!!!在线等...

弹出：当页面初始化完毕后，等待N秒显示出div标签。关闭：当div标签弹出后，再等待N秒后将其关闭。百 解决方案：可以度使用JavaScript的setTimeout方法来做定时功能。

你要做到当div显示时，让隐藏在div内的文本框处于焦点，点击其他地方时，文本框的焦点自然会消失，blur事件把当前div隐藏。

这个问题我要倒着给你解释，这样比较容易。第一步点击其他区域，这个div消失。建议你在这个div外层加一层overlay，这个overlay遮住除div之外所有其他东西。这样比较好判断是不是点击的这个div。

相关问答

Q1: JS鼠标点击密码框提示文字就消失,鼠标移出密码框提示文字就再出现怎么做...

1、首先用把密码框用txt暂时替代，并赋上默认值 当文本框获取焦点后，把默认值清空，把type改为password。当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

2、方法对于支持placeholder属性的浏览器。可以暂且认为除了老版本的IE系列浏览器都支持这个属性。

3、看看隐藏后是不是因为元素隐藏掉了，页面元素发生位移之类的，导致你又触发了移出事件。。

4、//假如那个是一个div#changepwd ，那你可以var o = document.getElementById(changepwd)；o.style.display=block//显示o.style.display=none//隐藏//通过不能事件来确定是显示还是隐藏就行了。

Q2: js实现密码框根据焦点的获取与失去控制文字的消失与显示效果

1、方法对于支持placeholder属性的浏览器。可以暂且认为除了老版本的IE系列浏览器都支持这个属性。

2、{ this.value = this.getAttribute(placeholder)； } input.blur()； }；} html5中提供了placeholder属性来做这个事情，所以我们可以先考虑使用浏览器提供的方法。如果不支持这个属性，那么用js来实现。

3、获得焦点时清空内容即可 我给你的就是你说的，当鼠标点到文本框时清空里面原有的内容，你先试一下再说。

Q3: js渐变显示渐变消失示例代码

1、var bodyEl = document.getElementsByTagName(body)[0]；这句话要放入循环语句中。这样才可以实现。background改成backgroundColor，colorTable.length改成colorTable-这两个是我认为有点错误的地方 这里给个类似的。

2、首先，需要一个定时器，可以使用JS中的setTimeout() 方法。

3、楼上是对的。 但是直接复制，有时候可以，有时候不行？最后我改了下面这一句。var bodyEl = document.getElementsByTagName(body)[0]；总提示bodyEl.style对象为空或不是对象。我纠结了一整天，完全不知道怎么会事。

4、用jquery的hide()函数，括号里面写时间，单位是毫秒，意思是用多少毫秒的时间演示完结束这个过程。

5、首先获取背景的标签对象，再给切换标签绑定onclick事件，在事件中对背景标签对象的背景颜色改变一下就可以了。

Q4: jsjquery如何实现点击图片后图片反转消失另一张图片出现再点击再...

1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

2、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。

3、跟星星评分功能一样，点击一个按钮更换图片星星，在点击一下跟换回来，然后相应的input中的数字变换。点击li更换img图片，然后input中value数值变换，初始值为value=5。

4、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：。

5、要么用ajax，要么把图片都绑出来，设为隐藏，然后js控制第几张图片显示，要么把图片都绑出来做个div遮罩层。建议找个实例，右键--查看源码拿下别人的js换个方式，上百度搜索thickbox实例个人觉得thickbox效果还不错。

js点击消失出现效果的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于javascript 点击、js点击消失出现效果的信息别忘了在本站进行查找喔。