毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

InnerHTML如何使切换标签显示一段SWF播放代码

更新时间:2014-8-13:  来源:毕业论文

<!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>
</head>
 
<body>
<style>
body {
    font-family: Calibri,"宋体";
    font-size:12pt;
}
td { font-size:18px;
}
.mousehand{
    cursor:pointer;
}
.titletable{
    padding-left:5px;
    background-color:#E9E9E9; }    
table.TabBarLevel1{
}
 
table.TabBarLevel1 td{
border:1px solid #CCCCCC;
height:20px;
background-color:#E1E1E1;
}
table.TabBarLevel1 td.Selected{
border-bottom-width:0px;
background-color:#ffffff;
}
table.TabBarLevel1 td.Black{
border-left-width:0px;
border-top-width:0px;
border-right-width:0px;
background-color:#FFFFFF;
}
table.Content{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
</style>
<table width="1002" border="0" cellspacing="0" cellpadding="0">
<tr>
     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="TabBarLevel1" id="TabPage1">
       <tr align="center">
         <td width="80" id="imageTab1" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab1','心开风神','flash');">校招启事</td>
         <td width="7" class="Black">&nbsp; </td>
         <td width="80" id="imageTab2" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab2','诺亚方舟','flash');"> 诺亚方舟</td>
         <td width="7" class="Black">&nbsp; </td>
         <td width="80" id="imageTab3" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab3','孤零飘客','flash');">员工福利</td>
         <td width="7" class="Black">&nbsp;</td>
         <td width="80" id="imageTab4" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab4','子虚乌有','flash');">联系我们</td>
         <td width="7" class="Black">&nbsp; </td> 
       </tr>
            </table>
       <table width="100%" border="0" cellpadding="0" cellspacing="0" class="Content">
         <tr>
           <td width="500" height="110"> <div id="divflashlist_all"></div> </td>
           <!--<td width="500" height="110"><div id="divtextlist_all"></div></td>-->
         </tr>
       </table> </td>
</tr>
</table>
<script language="javascript">
function switchTab(tabpage,tabid,action,type){
    var oItem = document.getElementById(tabpage);   
    for(var i=1;i < 5;i++){
        var x = document.getElementById(type + 'Tab' + i);    
        //alert(x);
        x.className = "mousehand";
        //var y = x.getElementsByTagName('a');
        //y[0].style.color="#333333";
    }    
    document.getElementById(tabid).className = "Selected";
    //gethotimagelist(type+'_'+action);
   divflashlist_all.innerHTML =
    
    
     
}
</script> 
</body>
</html>

我需要的效果是点击某一张TAB标签,显示出一个SWF的页面动画,不知道哪一位能帮忙吧最后一段divflashlist_all.innerHTML=后面的代码显示出来?  <div id="divflashlist"></div>
 
  <script type="text/javascript">
    var divflashlist_all = document.getElementById('divflashlist');
    divflashlist_all.innerHTML = '<embed src=" player.php/Type/Folder/Fid/22682666/Ob/1/sid/XNzU0NjQxOTI4/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>';
  </script>


随便拿了一个youku的视频swf,你改成你的就可以了。

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。