选项卡

最新推荐文章于 2024-09-14 18:46:05 发布

iteye_12884

最新推荐文章于 2024-09-14 18:46:05 发布

阅读量55

点赞数

分类专栏： html 文章标签： java javascript ViewUI

本文链接：https://blog.csdn.net/iteye_12884/article/details/82170432

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏


    <html>
  <head>
    <title>Queue Manager Attribute.</title>
    <link rel="stylesheet" type="text/css" href="../style/styles.css">
    <script type="text/javascript" src="../js/jquery-1.3.js"  ></script>
  </head>
  <body>
  <table class="tab_border" cellpadding="0" cellspacing="0" width="90%">
    <tr>
    	<td width="28px">
	    	<table class="tab_y" cellpadding="0" cellspacing="0">
	    		<tbody>
	    			<tr>
	    				<td id="index">说<br/>说</td>
	    			</tr>
	    			<tr>
	    				<td id="index1">日<br/>志</td>
	    			</tr>
	    			<tr>
	    				<td id="index2">相<br/>册</td>
	    			</tr>
	    			<tr>
	    				<td id="index3">心<br/>情</td>
	    			</tr>
	    		</tbody>
	    	</table>
    	</td>
    	<td width="100%" align="right">
    		<iframe frameborder="0" id="leftMenuID" width="100%" src="index.html" scrolling="no"></iframe>
    	</td>
    </tr>
  </table>
  </body>
</html>
[/xml]
[code="java"]
<script>
    	$(function(){

   		//设置默认tab
   		$("#leftMenuID").attr("src",$("#leftMenuID").attr("src"));
    		$("#index").css("background","url('../images/blue/left_tab_Selected.gif') no-repeat top");

    		//选择tab
    		$(".tab_y td").click(function(){
    			$(".tab_y td").css("background","url('../images/blue/left_tab_Selectedno.gif') no-repeat top");

    			$(this).css("background","url('../images/blue/left_tab_Selected.gif') no-repeat top");

    			$("#leftMenuID").attr("src",$(this).attr("id")+".html");
    		});
    	});
    </script>