当前位置: 代码迷 >> JavaScript >> CTEurope中JS兑现显示隐藏
  详细解决方案

CTEurope中JS兑现显示隐藏

热度:110   发布时间:2012-11-08 08:48:11.0
CTEurope中JS实现显示隐藏
要操作的div 

<td align="right" colspan="3" >
     <div id ="allCurry" name="allCurry" >
       <table border="1" width="100%" class="form-table">
      
         <tr><td align="center">Orinigal Currency</td><td align="center">Target Currency</td><td align="center">Exchange Rate</td></tr>
       
       
         <tr><td>HKD</td><td>USD</td><td>52.4733</td></tr>
       
       </table>
       </div>
     </td>







操作的按钮:

<div id="closeRate" style="float:right;"><img src="/CTEurope/images/fd_lmy_017.gif" title="关闭" width="15" height="20" onClick="close_rate();" /></div>
    <div id="showRate" style="float:right;display:none"><img src="/CTEurope/images/view.gif" title="显示Exchange Rate" width="15" height="20" onClick="show_rate();" /></div>
   

实现代码:

 function close_rate(){
 
     $("#allCurry").hide();
     $("#closeRate").hide();
     $("#showRate").show();
     //closeRate//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以
  
    //document.getElementById('allCurry').style.display="none";
  
 }
 function show_rate(){
   $("#closeRate").show();
   $("#showRate").hide();
   $("#allCurry").slideDown();
  
 }

?

  相关解决方案