时间戳

首页 > 解决方案 > 一个浮动中的内容来自另一个浮动中的 ref

html - 一个浮动中的内容来自另一个浮动中的 ref

问题描述

我的 html 页面使用 CSS 和浮动分为三列。在左侧栏中，我想放置一些链接......我如何引导这些链接在中间（主）浮动中打开？

代码来自https://www.w3schools.com/css/tryit.asp?filename=trycss_template2_float不同之处在于我使用

<link rel="stylesheet" type="text/css" href="test.css">

将两个文件绑定在一起。

至于我尝试过的……什么都没有。w3s 链接似乎没有任何合适的内容可以放入链接的 YYYY 部分。

标签： htmlcss

解决方案

$(".links a").on("click", function (e) {
  e.preventDefault();
  $(".content #myIframe").attr("src", $(this).attr("href"));
});
div { width: 49%; display: inline-block; }
.content { border: 1px solid #ccc; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="links">
  <ul>
    <li><a href="http://exocraft.io">exocraft.io</a></li>
    <li><a href="https://slither.io">slither.io</a></li>
    <li><a href="https://www.bing.com">bing.com</a></li>
  </ul>
</div>
<div class="content">
  <iframe id="myIframe" src=""></iframe>
</div>

推荐阅读