gpt4 book ai didi

javascript - 内嵌 anchor 不工作

转载 作者:太空宇宙 更新时间:2023-11-04 03:23:53 27 4
gpt4 key购买 nike

我不熟悉Inline Anchor styles(link) ,怎样才能让它的作品展现时尚呢? Javascript/JQuery 编码或遗漏了什么?

[ http://codepen.io/anon/pen/dPMNVE ]

将鼠标悬停在“气味”例如下面的这段中:

Inside Vardö harbour walls, then, to a mooring we came, and the smells of the place closed round us and took possession. Bobbling about on the harbour swell around us were some two hundred vessels of strange Northern rig, and almost all connected with the trade in fish.

如果有您的指导,我将不胜感激。

最佳答案

首先从这个link下载元素

然后将对 css 样式的引用添加到您的 head 部分并使用内置的 css 类,如下所示:

<html>
<head>
<head>
<link href="http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,800" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/component.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
</head>

<body>
<div class="container">
<section class="link-flip">
<p>The few tins of <a href="#">provisions</a> we did take were mainly to serve as luxuries. For instance, we had quite a large <a href="#">supply</a> of foie gras and larks in aspic.</p>
<p>I had a vivid recollection of how the last tin of that <a href="#">pâté de foie gras</a> went.</p>
</section>
</div>
</body>
</html>

您可以只从这个库中复制您需要的 css 类,然后像这样使用它们 fiddle demo

关于javascript - 内嵌 anchor 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27437089/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com