点击消失

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7     ul
 8     {
 9         list-style: none;
10
11     }
12     #aa
13     {
14         width: 200px;
15         height: 100px;
16         background: pink;
17     }
18     ul #a
19     {
20         width: 200px;
21         height: 500px;
22         background: #3c3c3c;
23     }
24     </style>
25 </head>
26 <body>
27     <ul>
28         <li id="aa"></li>
29         <li id="a"></li>
30     </ul>
31
32
33     <script>
34     var chan1=document.getElementById(‘aa‘);
35     var chan2=document.getElementById(‘a‘);
36         chan1.onclick=function (){
37             if (chan2.style.display=="block") {
38                 chan2.style.display="none";
39             }else{
40                 chan2.style.display="block";
41             };
42         };
43
44     </script>
45 </body>
46 </html>
时间: 2024-12-20 01:19:23

点击消失的相关文章

【JavaScript学习笔记】点击消失

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" > $(document).rea

Android中 Alertdialog对话框点击消失?

在开发的时候遇到一个问题,就是一触摸对话框边缘外部,对话框会自动消失.这个问题很纠结啊,查找了一下发现从Android 4.0开始,AlertDialog有了变化,就是在触摸对话框边缘外部,对话框会自动消失,查了源码,找到解决办法: 研究其父类时候发现,可以设置这么一条属性,在AlertDialog.Builder.create()之后才能调用这两个方法 方法一: setCanceledOnTouchOutside(false);调用这个方法时,按对话框以外的地方不起作用.按返回键还起作用 方法

点击消失的漂浮广告图片

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>---点击消失的漂浮广告图片-石家庄铜门|河北叉车</title> </head> <body> <script language="javascript1.2"> var

搜索框带有搜索提示点击消失代码实例

搜索框带有搜索提示点击消失代码实例: 搜索框大家一定都不陌生,因为随时都可以用到,比较人性化的搜索框都有这样的效果,默认情况有搜索提示,点击搜索框,提示内容消失,下面就通过代码实例介绍一下如何实现此功能. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.5

css输入框文字点击消失输入文字颜色变深JQ特效

css输入框文字点击消失输入文字颜色变深JQ特效,输入框原始有默认说明文字内容,鼠标点击输入框后文字消失,鼠标离开默认文字又显示,如果输入框输入新文字内容,新输入文字颜色变深变化. CSS输入框文字点击消失输入文字颜色变深效果截图 输入框原始文字与输入文字颜色变化说明:上海治疗阳痿哪家好默认输入框文字颜色比较浅,鼠标点击输入框内原始文字消失,鼠标离开原始文字又显示,如果新输入文字,此时新输入文字颜色有变化(根据需要可以设置). 使用说明上海最好的性病医院:输入框默认的文字与input.js里代码

关于点击显示PopupWindow再次点击消失的问题

点击一个按钮,弹出一个PopupWindow,想在触摸PopupWindow外区域或是再次点击按钮的时候dismiss此PopupWindow.直接上代码: //点击事件里的代码 if (mWin == null) { initPopupWindow(); } if (mWin.isShowing()) {//这一句真心没用,isShowing()总是返回false Util.write("win is showing"); mWin.dismiss(); } else { Util.

echarts图例组件点击显示功能(默认功能点击消失)

var myChart = echarts.init(document.getElementById('main')); var option = {     title: {         text: '折线图堆叠'     },     tooltip: {         trigger: 'axis'     },     legend: {         data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']     },     grid: {    

inupt textarea提示文字(点击消失,不输入恢复)

<input name="textfield" type="text"  maxlength="20" value="请输入文字.." onfocus="if (value =='请输入文字..'){value =''}" onblur="if (value ==''){value='请输入文字..'}" /> <br><br> textarea: &

设计input搜索框提示文字点击消失的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

inupt textarea提示文字(点击消失,不输入恢复)及限制字数

效果: input: textarea: 限100字 源码: input: <input name="textfield" type="text" maxlength="20" value="请输入文字.." onfocus="if (value =='请输入文字..'){value =''}" onblur="if (value ==''){value='请输入文字..'}" /