程序博客网 > 民族虚无主义知乎

华恩JAVA班第52天

来源：互联网 发布：民族虚无主义知乎 编辑：程序博客网 时间：2024/05/30 02:23
华恩JAVA班第52天 

BOM例子:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="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><imgsrc="images/fold.gif">树形菜单：</b> 
<ul><ahref="javascript:onclick=show('art')"><imgsrc="images/fclose.gif">文学艺术</a></ul>
<ul id="art"class="no_circle">
<li><imgsrc="images/doc.gif">先锋写作</li>
         <li><img src="images/doc.gif">小说散文</li>
          <li><imgsrc="images/doc.gif">诗风词韵</li>
          </ul>
 <ul><ahref="javascript:onclick=show('photo')"><imgsrc="images/fclose.gif">贴图专区</a></ul>
<ul id="photo" class="no_circle">
<li><imgsrc="images/doc.gif">真我风采</li>
         <li><img src="images/doc.gif">视频贴图</li>
          <li><imgsrc="images/doc.gif">行行摄摄</li>
          <li><imgsrc="images/doc.gif">Flash贴图</li>
          </ul>
<ul><ahref="javascript:onclick=show('home')"><imgsrc="images/fclose.gif">房产论坛</a></ul>
<ul id="home" class="no_circle">
<li><imgsrc="images/doc.gif">我要买房</li>
         <li><img src="images/doc.gif">楼市话题</li>
          <li><imgsrc="images/doc.gif">我要卖房</li>
          <li><imgsrc="images/doc.gif">租房心语</li>
          <li><imgsrc="images/doc.gif">二手市场</li>
          </ul>
<ul><ahref="javascript:onclick=show('game')"><imgsrc="images/fclose.gif">娱乐八卦</a></ul>
<ul id="game" class="no_circle">
<li><imgsrc="images/doc.gif">红楼一梦</li>
         <li><img src="images/doc.gif">笑话论坛</li>
          <li><imgsrc="images/doc.gif">休闲生活</li>
          <li><imgsrc="images/doc.gif">大话春秋</li>
          </ul>
</body>
</html>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>TAB切换效果</title>
<scripttype="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><imgsrc="images/left1.jpg" alt="笔记本"id="left1"/><imgsrc="images/left2.jpg" alt="笔记本" id="left2"onmouseover="change('top1')"style="display:none;"/></td>
    <td><imgsrc="images/right1.jpg" alt="手机充值" id="right1"onmouseover="change('top2')"/><imgsrc="images/right2.jpg" alt="手机充值" id="right2"style="display:none;"/></td>
  </tr>
  <tr>
    <tdcolspan="2"><imgsrc="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.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="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>
 <scripttype="text/JavaScript">
  function check(){
  varoInput=document.getElementsByName("product");
  for (vari=0;i<oInput.length;i++){
  if(document.getElementByIdx_x("all").checked==true){
  oInput[i].checked=true;
  }
  else {
  oInput[i].checked=false;
  }
  }
  }
 </script>
</head>

<body><tableborder="1" cellspacing="0" cellpadding="0"class="bg">
 <form action=""method="post">
  <tr>
    <tdstyle="height:40px;">&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  <trstyle="font-weight:bold;">
   <td><input id="all"type="checkbox" value="全选" onclick="check();"/>全选</td>
   <td>商品图片</td>
   <td>商品名称/出售者/联系方式</td>
   <td>价格</td>
  </tr>
  <tr>
<tdcolspan="4"><hr style="border:1px #CCCCCC dashed"/></td>
   </tr>
  
  <tr>
   <td><inputname="product" type="checkbox" value="1"/></td>
   <td><imgsrc="images/list0.jpg" alt="alt"/></td>
   <td>杜比环绕，家庭影院必备，超真实享受<br/>
   出售者：ling112233<br />
    <imgsrc="images/online_pic.gif" alt="alt" />&nbsp;&nbsp;
<img src="images/list_tool_fav1.gif" alt="alt"/> 收藏</td>
   <td>一口价<br/>
    2833.0</td>
  </tr>
  <tr>
<tdcolspan="4"><hr style="border:1px #CCCCCC dashed"/></td>
   </tr>
  <tr>
   <td><inputname="product" type="checkbox" value="2"/></td>
   <td><imgsrc="images/list1.jpg" alt="alt"/></td>
   <td>NVDIA 9999GT 512MB256bit极品显卡，不容错过<br />
     出售者：aipiaopiao110 <br />
    <imgsrc="images/online_pic.gif" alt="alt" />&nbsp;&nbsp;
<img src="images/list_tool_fav1.gif" alt="alt"/> 收藏</td>
   <td>一口价<br/>
    6464.0</td>
  </tr>
  <tr>
<tdcolspan="4"><hr style="border:1px #CCCCCC dashed"/></td>
   </tr>
  <tr>
   <td><inputname="product" type="checkbox" value="3"/></td>
   <td><imgsrc="images/list2.jpg" alt="alt"/></td>
   <td>精品热卖：高清晰，30寸等离子电视<br/>
     出售者：阳光的挣扎 <br />
    <imgsrc="images/online_pic.gif" alt="alt" />&nbsp;&nbsp;
<img src="images/list_tool_fav1.gif" alt="alt"/> 收藏</td>
   <td>一口价<br/>
    18888.0</td>
  </tr>
  <tr>
<tdcolspan="4"><hr style="border:1px #CCCCCC dashed"/></td>
   </tr>
  <tr>
   <td><inputname="product" type="checkbox" value="4"/></td>
   <td><imgsrc="images/list3.jpg" alt="alt"/></td>
   <td>Sony索尼家用最新款笔记本 <br/>
     出售者：疯狂的镜无<br />
    <imgsrc="images/online_pic.gif" alt="alt" />&nbsp;&nbsp;
<img src="images/list_tool_fav1.gif" alt="alt"/> 收藏</td>
   <td>一口价<br/>
     5889.0</td>
  </tr>
  <tr>
<tdcolspan="4"><hr style="border:1px #CCCCCC dashed"/></td>
   </tr>
   </form>
</table>

</body>
</html>


更多信息可以参见同学富晓磊的博客:http://blog.sina.com.cn/u/1798827371
阅读全文
0 0
民族虚无主义知乎 民族虚无主义知乎
原创粉丝点击
热门IT博客
淘宝买车摩托靠谱吗淘宝买车摩托靠谱吗
龙江网络宽带客服电话龙江网络宽带客服电话
国家商品诚信数据库
painter是什么软件
vb网络编程及应用
药品物流配送软件
proxifier for linux
朴素贝叶斯算法优缺点
常用nosql数据库
瑞典隐身战斗机知乎
ios程序员招聘
斗鱼叶子淘宝店是哪个
网络骑士
51aspx源码
spss软件使用方法文字
淘宝移动手机卡
淘宝代办假的公积金
java ssm电商项目源码
mac无线键盘失灵
java如何清空文件内容
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 琥珀公司 琥珀怎么样 琥珀中药 什么的琥珀 琥珀图片价格 琥珀 作用 虫生 虫生真菌 绝地虫生 被迫虫生 都市虫皇 虫皇 虫皇主宰 虫皇进化系统 虫皇系统 末世虫皇 虫离念什么 虫离 八孔竖笛简谱虫儿飞 羌虫图片 虫羌读什么 虫群 虫族肉 阴虱虫肉眼看长什么样子 虫族雄子肉肉 黑暗大虫肉脚活体饮水机 心头肉 虫前有鸟 红虫肉夹馍 虫草花鸡汤 虫草功效 虫草怎么吃 虫草双参酒 虫草鸡汤 虫草花功效 虫草价格 虫草排骨汤 虫草图片 凉拌虫草 虫草花汤 冬虫草 白虫草

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里