日期:2014-05-16  浏览次数:20304 次

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();
  
 }

?