zoukankan      html  css  js  c++  java
  • onclick改变图片背景 及显示隐藏div

      <script type="text/javascript">
    function $(id){return document.getElementById(id);}
    var flag='0';
    if(flag==1)
    {
       $('list_102').style.display='block';
       $('openmoreInfo').title='收起选房条件';
       $('openmoreInfo').src='key_off.gif';   
    }
    else
    {
    	$('list_102').style.display='none';
    	$('openmoreInfo').title='更多选房条件';
    	$('openmoreInfo').src='key_on.gif';
    }
    function changeGetHouseDes(){
    if($('list_102').style.display=='none')
    {
    $('list_102').style.display='block';
    $('openmoreInfo').title='收起选房条件';
    $('openmoreInfo').src='key_off.gif';
    flag=1;
    }
    else
    {
    $('list_102').style.display='none';
    $('openmoreInfo').title='更多选房条件';$('openmoreInfo').src='key_on.gif';
    flag=0;
    }
    
    }
    
    $('openmoreInfo').onmouseout=function()
    {
    if($('list_102').style.display!='none')
    {
    $('openmoreInfo').src='key_off.gif';
    }
    else{$('openmoreInfo').src='key_on.gif';}
    }
    </script>
    
      <div>
    <img id="openmoreInfo"  style ="cursor :pointer" onclick="changeGetHouseDes()"  src="key_on.gif"  />
    </div>
     <ul id="list_102"  style="display:none; border:1px solid #e00; 500px; height:200px" >
     隐藏的内容</ul>
    
  • 相关阅读:
    转载阿里开源的分布式事务框架 Seata
    查看进程上的线程数量
    chmod命令
    查找端口与查找正在运行的进程
    可输入的文本框
    js 类和对象
    js 三维数组
    ajax
    ORACLE数据库主要的系统表和数据字典视图
    url 传参
  • 原文地址:https://www.cnblogs.com/ice_nemo/p/1998232.html
Copyright © 2011-2022 走看看