| <table border="0"> <tbody> <tr> <td><div class="cssjs"> <form onclick="aaff(1)" style="cursor: pointer;"> 2014主題</form> <div class="cssjst"> <img alt="基督教" id="gh1" src="https://lh6.googleusercontent.com/-_7lEEweM7Lg/U2mvpOgQ_BI/AAAAAAAAB7Y/1gerzQldBeA/s402/2014Banner.jpg " width="95%" /> </div> </div> </td></tr> <tr><td><div class="cssjs" style="cursor: pointer;"> <form onclick="aaff(2)"> 復興教會 始創人<br /> 包德寧牧師</form> <div class="cssjst"> <img alt="包德寧牧師" id="gh2" src="https://lh5.googleusercontent.com/-AJCljYLQkVQ/U3sd5tT7KKI/AAAAAAAACB8/W_tLpfbHXSg/s250/dennisbalcombe.jpg" width="95%" /> </div> </div> </td></tr> <tr><td><div class="cssjs" style="cursor: pointer;"> <form onclick="aaff(3)"> 埔恩堂 創辦牧師<br />鄭德明 牧師</form> <div class="cssjst"> <img alt="牧師 鄭德明" id="gh3" src="https://lh6.googleusercontent.com/-KB9ITDJHkbY/U1KGx7YwRkI/AAAAAAAACB8/Hbzt7cGXWXU/s512/382926_2658925716955_367686360_n.jpg" width="95%" /> </div> </div> </td></tr> <tr><td> <div class="cssjs" style="cursor: pointer;"> <form onclick="aaff(4)"> 長老 廖權</form> <div class="cssjst"> <img alt="長老 廖權" id="gh4" src="https://lh6.googleusercontent.com/-MWUEx6KgnBY/U1KGx0MshXI/AAAAAAAACB8/8sHdibe8jks/s512/600358_428776813821456_1682343578_n.jpg" width="95%" /> </div> </div> </td></tr> <tr><td><div class="cssjs" style="cursor: pointer;"> <form onclick="aaff(5)" width="300px"> 友好連結</form> <div class="cssjst" id="gh5"> <form style="font-size: 16px;"> <a href="http://mp4.ug5g.com/" target="ARR">詩 歌</a><br /> <br /> <a href="http://rcc.ug5g.com/" target="ARR">埔恩堂(民間版)</a><br /> <a href="http://rcchk.org/tprcc/tprcc.htm" target="ARR">埔恩堂(官網)</a><br /> <a href="http://evhktp.blogspot.hk/" target="ARR">齊賢社(民間版)</a><br /> <a href="http://www.eva-volunteer.org.hk/" target="ARR">齊賢社(官網)</a><br /> <a href="http://www.rcchk.org/" target="ARR">復 興 教 會</a><br /> <a href="http://kf.rcchk.org/" target="ARR">葵 芳 堂</a><br /> <a href="http://rccrhk.org/" target="ARR">真 奧 堂</a><br /> <a href="http://rcchk.org/sbc/index.html" target="ARR">示羅聖經學院</a><br /> <a href="http://rcmi.ac/" target="ARR">復興華人國際事工</a> <br /> <br /> <a href="http://www.housingauthority.gov.hk/tc/common/pdf/commercial-properties/leasing-information/welfare-lettings/flats.pdf" target="ARR">社福用途單位</a><br /> <a href="http://www.e123.hk/ngo/fund" target="ARR">慈善基金</a> </form> </div> </div> </td></tr> </tbody></table> <style type="text/css"> .cssjs{ background-color:#1E90FF; line-height: 25px; width:250px; font-size:100%; color:white; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border: 2px solid blue; } .cssjs:hover { background-color:deepskyblue; } .cssjst{ width:250px; font-size:150%; background-color: #00FF00; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } </style> <script type="text/javascript"> function aaff(x852){ if(x852 ==1){ document.getElementById("gh1").style.display="inline"; document.getElementById("gh2").style.display="none"; document.getElementById("gh3").style.display="none"; document.getElementById("gh4").style.display="none"; document.getElementById("gh5").style.display="none"; } if(x852 ==2){ document.getElementById("gh1").style.display="none"; document.getElementById("gh2").style.display="inline"; document.getElementById("gh3").style.display="none"; document.getElementById("gh4").style.display="none"; document.getElementById("gh5").style.display="none"; } if(x852 ==3){ document.getElementById("gh1").style.display="none"; document.getElementById("gh2").style.display="none"; document.getElementById("gh3").style.display="inline"; document.getElementById("gh4").style.display="none"; document.getElementById("gh5").style.display="none"; } if(x852 ==4){ document.getElementById("gh1").style.display="none"; document.getElementById("gh2").style.display="none"; document.getElementById("gh3").style.display="none"; document.getElementById("gh4").style.display="inline"; document.getElementById("gh5").style.display="none"; } if(x852 ==5){ document.getElementById("gh1").style.display="none"; document.getElementById("gh2").style.display="none"; document.getElementById("gh3").style.display="none"; document.getElementById("gh4").style.display="none"; document.getElementById("gh5").style.display="inline"; } } aaff(1); </script> |
目前分類:可收合面板 (2)
- Jun 25 Wed 2014 07:54
可收合面板 CSS + script
- Jun 24 Tue 2014 21:34
可收合面板 CSS
| <table border="0"> <tbody> <tr> <td width="300px"> <!-----------------------------------------> <div class="rccA1"> <form > 2014主題<br></form> <div class="rccFB1" > <img alt="基督教" src="https://lh6.googleusercontent.com/-_7lEEweM7Lg/U2mvpOgQ_BI/AAAAAAAAB7Y/1gerzQldBeA/s402/2014Banner.jpg " width="95%" /> </div> </div> <!-------------------------------------------> <div class="rccA1"> <form > 復興教會 始創人<br /> 包德寧牧師</form> <div class="rccB1" style="margin: -190px 0px 0px 0px;" > <img alt="包德寧牧師" src="https://lh5.googleusercontent.com/-AJCljYLQkVQ/U3sd5tT7KKI/AAAAAAAACAg/c4D4bMH0uLA/s250/dennisbalcombe.jpg" width="95%" /> </div> </div> <!------------------------------------------> <div class="rccA1"> <form > 埔恩堂 創辦牧師<br /> 鄭德明 牧師<br /></form> <div class="rccB1" style="margin: -250px 0px 0px 0px;" > <img alt="牧師 鄭德明" src="https://lh6.googleusercontent.com/-KB9ITDJHkbY/U1KGx7YwRkI/AAAAAAAAB3M/qyKxGNKjgJg/s512/382926_2658925716955_367686360_n.jpg" width="95%" /> </div> </div> <!-------------------------------------------> <div class="rccA1"> <form > 傳道人 廖權<br></form> <div class="rccB1" style="margin: -275px 0px 0px 0px;); background-repeat: repeat;"> <img alt="傳道人 廖權" src="https://lh6.googleusercontent.com/-MWUEx6KgnBY/U1KGx0MshXI/AAAAAAAAB3E/i03CQpYMHi0/s512/600358_428776813821456_1682343578_n.jpg" width="95%" /> </div> </div> <!------------------------------------------> <!------------------------------------------> <div class="rccA1"> <form width="300px"> 友好連結</form> <div class="rccB1" style="font-size:18px;margin: -200px 0px 0px 0px;" > <img src="http://t51-3.yunpan.360.cn/s1/800-600.569b986929fc1bf41c35f1d722986eff1060872c.c25bc5.jpg?st=N8YlpaIYsKpEUz-uKfC9ww&e=1403712000&mt=jpg" width="95%" /> <form style="font-size:16px;margin: -380px 0px 0px 15px; "> <a href="http://mp4.ug5g.com/" target="ARR">詩 歌</a><br /> <br /> <a href="http://rcc.ug5g.com/" target="ARR">埔恩堂(民間版)</a><br /> <a href="http://rcchk.org/tprcc/tprcc.htm" target="ARR">埔恩堂(官網)</a><br /> <a href="http://evhktp.blogspot.hk/" target="ARR">齊賢社(民間版)</a><br /> <a href="http://www.eva-volunteer.org.hk/" target="ARR">齊賢社(官網)</a><br /> <a href="http://www.rcchk.org/" target="ARR">復 興 教 會</a><br /> <a href="http://kf.rcchk.org/" target="ARR">葵 芳 堂</a><br /> <a href="http://rccrhk.org/" target="ARR">真 奧 堂</a><br /> <a href="http://rcchk.org/sbc/index.html" target="ARR">示羅聖經學院</a><br /> <a href="http://rcmi.ac/" target="ARR">復興華人國際事工</a> <br /> <br /> <a href="http://www.housingauthority.gov.hk/tc/common/pdf/commercial-properties/leasing-information/welfare-lettings/flats.pdf" target="ARR">社福用途單位</a><br> <a href="http://www.e123.hk/ngo/fund" target="ARR">慈善基金</a> </form> </div> </div> </td></tr> </tbody></table> <style type="text/css"> .rccA1{ background-color:#1E90FF; line-height: 25px; width:300px; font-size:100%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border: 1px solid darkgoldenrod; } .rccFB1{ width:300px; font-size:150%; background-image:url("http://t51-3.yunpan.360.cn/s1/800-600.569b986929fc1bf41c35f1d722986eff1060872c.c25bc5.jpg?st=p91cFeModpoA_1UhMwlcVg&e=1403625600&mt=jpg"); background-repeat: repeat; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border: 1px solid darkgoldenrod; } .rccB1{ width:300px; font-size:150%; background-color: darkkhaki; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; border: 1px solid darkgoldenrod; display:none ; } .rccA1:hover .rccB1{ display:block; } .rccB1 a{ color:black; } </style> |