华恩JAVA班第52天
生活随笔
收集整理的這篇文章主要介紹了
华恩JAVA班第52天
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
華恩JAVA班第52天?
BOM例子:
<!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-Type" content="text/html; charset=gb2312" /> <title>制作樹形菜單</title> <style type="text/css"> body{font-size:13px; ? ?line-height:20px; } a{font-size: 13px; color: #000000; text-decoration: none; } a:hover{font-size:13px; ? ? ?color: #ff0000; } img { vertical-align: middle; border:0; } .no_circle{list-style:none; ?display:none; } </style> <script ?type="text/javascript"> function show(d1){ if(document.getElementByIdx_x_x(d1).style.display=='block'){ ? document.getElementByIdx_x_x(d1).style.display='none'; ?//觸動的層如果處于顯示狀態，即隱藏 } else{ document.getElementByIdx_x_x(d1).style.display='block'; ?//觸動的層如果處于隱藏狀態，即顯示 ?} } </script> </head>
<body> <b><img src="images/fold.gif">樹形菜單：</b> ? <ul><a href="javascript:οnclick=show('art') "><img src="images/fclose.gif">文學藝術</a></ul> <ul id="art" class="no_circle"> <li><img src="images/doc.gif" >先鋒寫作</li> ? ? ? ? ?<li> <img src="images/doc.gif" >小說散文</li> ? ? ? ? ? <li><img src="images/doc.gif" >詩風詞韻</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('photo') "><img src="images/fclose.gif">貼圖專區</a></ul> <ul id="photo" ?class="no_circle"> <li><img src="images/doc.gif" >真我風采</li> ? ? ? ? ?<li> <img src="images/doc.gif" >視頻貼圖</li> ? ? ? ? ? <li><img src="images/doc.gif" >行行攝攝</li> ? ? ? ? ? <li><img src="images/doc.gif" >Flash貼圖</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('home') "><img src="images/fclose.gif">房產論壇</a></ul> <ul id="home" ?class="no_circle"> <li><img src="images/doc.gif" >我要買房</li> ? ? ? ? ?<li> <img src="images/doc.gif" >樓市話題</li> ? ? ? ? ? <li><img src="images/doc.gif" >我要賣房</li> ? ? ? ? ? <li><img src="images/doc.gif" >租房心語</li> ? ? ? ? ? <li><img src="images/doc.gif" >二手市場</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('game') "><img src="images/fclose.gif">娛樂八卦</a></ul> <ul id="game" ?class="no_circle"> <li><img src="images/doc.gif" >紅樓一夢</li> ? ? ? ? ?<li> <img src="images/doc.gif" >笑話論壇</li> ? ? ? ? ? <li><img src="images/doc.gif" >休閑生活</li> ? ? ? ? ? <li><img src="images/doc.gif" >大話春秋</li> ? ? ? ? ? </ul> </body> </html>
<!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-Type" content="text/html; charset=gb2312" /> <title>TAB切換效果</title> <script type="text/javascript"> function change(ss){ if(ss=="top1"){ document.getElementByIdx_x("left1").style.display="block"; document.getElementByIdx_x("left2").style.display="none"; document.getElementByIdx_x("right1").style.display="block"; document.getElementByIdx_x("right2").style.display="none"; document.getElementByIdx_x("end1").style.display="block"; document.getElementByIdx_x("end2").style.display="none"; } else{ document.getElementByIdx_x("left1").style.display="none"; document.getElementByIdx_x("left2").style.display="block"; document.getElementByIdx_x("right1").style.display="none"; document.getElementByIdx_x("right2").style.display="block"; document.getElementByIdx_x("end1").style.display="none"; document.getElementByIdx_x("end2").style.display="block"; } } </script> <style type="text/css"> img{border:0;} </style> </head>
<body> <table border="1" cellspacing="0" cellpadding="0"> <tr> ? <td><img src="images/left1.jpg" alt="筆記本" id="left1"/><img src="images/left2.jpg" alt="筆記本" id="left2" οnmοuseοver="change('top1')" style="display:none;"/></td> ? ?<td><img src="images/right1.jpg" alt="手機充值" id="right1" οnmοuseοver="change('top2')"/><img src="images/right2.jpg" alt="手機充值" id="right2" style="display:none;" /></td> </tr> <tr> ? <td colspan="2"><img src="images/end1.jpg" alt="筆記本" id="end1" /><img src="images/end2.jpg" alt="手機充值" id="end2" style="display:none;"/></td> </tr> </table>
</body> </html>
<!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-Type" content="text/html; charset=gb2312" /> <title>全選/全不選效果</title> <style type="text/css"> .bg{ background-image: url(images/list_bg.gif); background-repeat: no-repeat; width: 730px; } td{text-align:center; font-size:13px; line-height:25px; } body{margin:0} </style> <script type="text/JavaScript"> function check(){ var oInput=document.getElementsByName("product"); for (var i=0;i<oInput.length;i++){ if (document.getElementByIdx_x("all").checked==true){ oInput[i].checked=true; } else { oInput[i].checked=false; } } } </script> </head>
<body><table border="1" cellspacing="0" cellpadding="0" class="bg"> <form action="" method="post"> <tr> ? <td style="height:40px;"> </td> ? <td> </td> ? <td> </td> ? <td> </td> </tr> <tr style="font-weight:bold;"> ? <td><input id="all" type="checkbox" value="全選" οnclick="check();" />全選</td> ? <td>商品圖片</td> ? <td>商品名稱/出售者/聯系方式</td> ? <td>價格</td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ? <tr> ? <td><input name="product" type="checkbox" value="1" /></td> ? <td><img src="images/list0.jpg" alt="alt" /></td> ? <td>杜比環繞，家庭影院必備，超真實享受<br /> ? 出售者：ling112233<br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 2833.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> <tr> ? <td><input name="product" type="checkbox" value="2" /></td> ? <td><img src="images/list1.jpg" alt="alt" /></td> ? <td>NVDIA 9999GT 512MB 256bit極品顯卡，不容錯過<br /> ? ? 出售者：aipiaopiao110 <br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 6464.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> <tr> ? <td><input name="product" type="checkbox" value="3" /></td> ? <td><img src="images/list2.jpg" alt="alt" /></td> ? <td>精品熱賣：高清晰，30寸等離子電視<br /> ? ? 出售者：陽光的掙扎 <br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 18888.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ?<tr> ? <td><input name="product" type="checkbox" value="4" /></td> ? <td><img src="images/list3.jpg" alt="alt" /></td> ? <td>Sony索尼家用最新款筆記本 <br /> ? ? 出售者：瘋狂的鏡無<br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? ?5889.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ? </form> </table>
</body> </html>
更多信息可以參見同學富曉磊的博客:http://blog.sina.com.cn/u/1798827371
BOM例子:
<!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-Type" content="text/html; charset=gb2312" /> <title>制作樹形菜單</title> <style type="text/css"> body{font-size:13px; ? ?line-height:20px; } a{font-size: 13px; color: #000000; text-decoration: none; } a:hover{font-size:13px; ? ? ?color: #ff0000; } img { vertical-align: middle; border:0; } .no_circle{list-style:none; ?display:none; } </style> <script ?type="text/javascript"> function show(d1){ if(document.getElementByIdx_x_x(d1).style.display=='block'){ ? document.getElementByIdx_x_x(d1).style.display='none'; ?//觸動的層如果處于顯示狀態，即隱藏 } else{ document.getElementByIdx_x_x(d1).style.display='block'; ?//觸動的層如果處于隱藏狀態，即顯示 ?} } </script> </head>
<body> <b><img src="images/fold.gif">樹形菜單：</b> ? <ul><a href="javascript:οnclick=show('art') "><img src="images/fclose.gif">文學藝術</a></ul> <ul id="art" class="no_circle"> <li><img src="images/doc.gif" >先鋒寫作</li> ? ? ? ? ?<li> <img src="images/doc.gif" >小說散文</li> ? ? ? ? ? <li><img src="images/doc.gif" >詩風詞韻</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('photo') "><img src="images/fclose.gif">貼圖專區</a></ul> <ul id="photo" ?class="no_circle"> <li><img src="images/doc.gif" >真我風采</li> ? ? ? ? ?<li> <img src="images/doc.gif" >視頻貼圖</li> ? ? ? ? ? <li><img src="images/doc.gif" >行行攝攝</li> ? ? ? ? ? <li><img src="images/doc.gif" >Flash貼圖</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('home') "><img src="images/fclose.gif">房產論壇</a></ul> <ul id="home" ?class="no_circle"> <li><img src="images/doc.gif" >我要買房</li> ? ? ? ? ?<li> <img src="images/doc.gif" >樓市話題</li> ? ? ? ? ? <li><img src="images/doc.gif" >我要賣房</li> ? ? ? ? ? <li><img src="images/doc.gif" >租房心語</li> ? ? ? ? ? <li><img src="images/doc.gif" >二手市場</li> ? ? ? ? ? </ul> <ul><a href="javascript:οnclick=show('game') "><img src="images/fclose.gif">娛樂八卦</a></ul> <ul id="game" ?class="no_circle"> <li><img src="images/doc.gif" >紅樓一夢</li> ? ? ? ? ?<li> <img src="images/doc.gif" >笑話論壇</li> ? ? ? ? ? <li><img src="images/doc.gif" >休閑生活</li> ? ? ? ? ? <li><img src="images/doc.gif" >大話春秋</li> ? ? ? ? ? </ul> </body> </html>
<!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-Type" content="text/html; charset=gb2312" /> <title>TAB切換效果</title> <script type="text/javascript"> function change(ss){ if(ss=="top1"){ document.getElementByIdx_x("left1").style.display="block"; document.getElementByIdx_x("left2").style.display="none"; document.getElementByIdx_x("right1").style.display="block"; document.getElementByIdx_x("right2").style.display="none"; document.getElementByIdx_x("end1").style.display="block"; document.getElementByIdx_x("end2").style.display="none"; } else{ document.getElementByIdx_x("left1").style.display="none"; document.getElementByIdx_x("left2").style.display="block"; document.getElementByIdx_x("right1").style.display="none"; document.getElementByIdx_x("right2").style.display="block"; document.getElementByIdx_x("end1").style.display="none"; document.getElementByIdx_x("end2").style.display="block"; } } </script> <style type="text/css"> img{border:0;} </style> </head>
<body> <table border="1" cellspacing="0" cellpadding="0"> <tr> ? <td><img src="images/left1.jpg" alt="筆記本" id="left1"/><img src="images/left2.jpg" alt="筆記本" id="left2" οnmοuseοver="change('top1')" style="display:none;"/></td> ? ?<td><img src="images/right1.jpg" alt="手機充值" id="right1" οnmοuseοver="change('top2')"/><img src="images/right2.jpg" alt="手機充值" id="right2" style="display:none;" /></td> </tr> <tr> ? <td colspan="2"><img src="images/end1.jpg" alt="筆記本" id="end1" /><img src="images/end2.jpg" alt="手機充值" id="end2" style="display:none;"/></td> </tr> </table>
</body> </html>
<!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-Type" content="text/html; charset=gb2312" /> <title>全選/全不選效果</title> <style type="text/css"> .bg{ background-image: url(images/list_bg.gif); background-repeat: no-repeat; width: 730px; } td{text-align:center; font-size:13px; line-height:25px; } body{margin:0} </style> <script type="text/JavaScript"> function check(){ var oInput=document.getElementsByName("product"); for (var i=0;i<oInput.length;i++){ if (document.getElementByIdx_x("all").checked==true){ oInput[i].checked=true; } else { oInput[i].checked=false; } } } </script> </head>
<body><table border="1" cellspacing="0" cellpadding="0" class="bg"> <form action="" method="post"> <tr> ? <td style="height:40px;"> </td> ? <td> </td> ? <td> </td> ? <td> </td> </tr> <tr style="font-weight:bold;"> ? <td><input id="all" type="checkbox" value="全選" οnclick="check();" />全選</td> ? <td>商品圖片</td> ? <td>商品名稱/出售者/聯系方式</td> ? <td>價格</td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ? <tr> ? <td><input name="product" type="checkbox" value="1" /></td> ? <td><img src="images/list0.jpg" alt="alt" /></td> ? <td>杜比環繞，家庭影院必備，超真實享受<br /> ? 出售者：ling112233<br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 2833.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> <tr> ? <td><input name="product" type="checkbox" value="2" /></td> ? <td><img src="images/list1.jpg" alt="alt" /></td> ? <td>NVDIA 9999GT 512MB 256bit極品顯卡，不容錯過<br /> ? ? 出售者：aipiaopiao110 <br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 6464.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> <tr> ? <td><input name="product" type="checkbox" value="3" /></td> ? <td><img src="images/list2.jpg" alt="alt" /></td> ? <td>精品熱賣：高清晰，30寸等離子電視<br /> ? ? 出售者：陽光的掙扎 <br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? 18888.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ?<tr> ? <td><input name="product" type="checkbox" value="4" /></td> ? <td><img src="images/list3.jpg" alt="alt" /></td> ? <td>Sony索尼家用最新款筆記本 <br /> ? ? 出售者：瘋狂的鏡無<br /> ? <img src="images/online_pic.gif" alt="alt" /> <img src="images/list_tool_fav1.gif" alt="alt" /> 收藏</td> ? <td>一口價<br /> ? ?5889.0 </td> </tr> <tr> <td colspan="4"><hr style="border:1px ?#CCCCCC dashed" /></td> ? </tr> ? </form> </table>
</body> </html>
更多信息可以參見同學富曉磊的博客:http://blog.sina.com.cn/u/1798827371
總結
以上是生活随笔為你收集整理的华恩JAVA班第52天的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ffmpeg实现mjpeg摄像头的采集-
- 下一篇： CSP-S 2019 游记【完结】