Question

html使用iframe实现如图效果，不知道如何修改

<div id="exp2"> <table frame="above" rules="rows" cellpadding="3px" width="100%"> <caption><strong>2018  4  月  番</strong></caption> <tr> <td><a href="monday.html" target="leftiframe">星期一</a></td> <td><a href="tuesday.html" target="left1iframe">星期二</a></td> <td><a href="wednesday.html" target="left2iframe">星期三</a></td> <td><a href="thursday.html" target="centeriframe">星期四</a></td> <td><a href="friday.html" target="right1iframe">星期五</a></td> <td><a href="saturday.html" target="right2iframe">星期六</a></td> <td><a href="sunday.html" target="right3iframe">星期天</a></td> </tr> </table> <iframe name="leftiframe" src="" frameborder="0" scrolling="no" height="300px" width="100%" ></iframe> <iframe name="left1iframe" src="" frameborder="0" scrolling="no" height="300px" width="100%" ></iframe> </div>想实现的效果是通过点击星期一，星期二，星期三等等，来实现图中的切换效果，现在我的代码的问题是不能实现切换，而是在其下方再形成一个iframe框架，求大神指教





Answer 1

<div id="nav">
					<ul>
						<li id="dep"><a href="week1.html" target="main">周一</a>
						</li>
						<li><a href="week2.html" target="main">周二</a></li>
						<li><a href="week3.html" target="main">周三</a></li>
						<li><a href="week4.html" target="main">周四</a></li>
						<li><a href="week5.html" target="main">周五</a></li>
						<li><a href="week6.html" target="main">周六</a></li>
						<li><a href="week7.html" target="main">周日</a></li>
					</ul>
				</div>
			</div>
			
			<div id="right">
				<iframe id="xianshi" frameborder="1" scrolling="no" name="main"></iframe>
			</div>

大概这么写，看着点改