Questions tagged «anchor»

我有一个由无序列表制成的水平导航栏，每个列表项都有很多填充，使其看起来很漂亮，但是唯一可以用作链接的区域是文本本身。如何使用户能够单击列表项中的任意位置以激活链接？ #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover …

95 html  css  anchor 

我有一个同时 设置HREF和ONCLICK属性的锚点。如果单击并启用了Javascript，我希望它仅执行ONCLICK和忽略HREF。同样，如果禁用或不支持Javascript，我希望它遵循HREFURL并忽略ONCLICK。以下是我正在执行的示例，该示例将执行JS并并发地跟随链接（通常是先执行JS，然后页面更改）： <A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A> 最好的方法是什么？ 我希望有一个Java脚本的答案，但我会接受任何可以使用的方法，只要它可以用PHP即可完成。我已经读过“ href链接已执行并在javascript onclick函数能够完成之前重定向页面 ”，但它只会延迟HREF，但不会完全禁用它。我也在寻找更简单的方法。

94 javascript  html  onclick  anchor  href 

访问时，我必须禁用锚标记的颜色更改。我这样做： a:visited{ color: gray } （链接在访问之前为灰色。）但这是我在访问链接后明确声明颜色的一种方式，这也是一种颜色更改。 在不进行任何显式颜色更改的情况下，如何在访问时禁用锚标签的颜色更改？

94 html  css  anchor 

我想编写一个锚标签，该标签执行一些JavaScript，然后继续将其放到href需要它的地方。调用执行我的JavaScript的功能，然后将其设置window.location或定位top.location到我的href位置无效。 因此，假设我在页面上有一个ID为“ Foo”的元素。我想编写一个类似于以下内容的锚点： <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 单击此按钮后，我要执行runMyFunction，然后将页面跳转到#Foo（不引起重新加载-使用top.location将导致它重新加载页面）。 有什么建议吗？我很高兴使用jQuery，如果它可以在这里帮助您...

93 javascript  jquery  html  anchor 

使用Google时，我发现他们正在锚标记中使用onclick事件。 在谷歌标题部分的更多选项中，它看起来像普通的标签，但是单击时不会重定向，而是打开了菜单。通常在使用时 <a href='more.php' onclick='show_more_menu()'>More >>></a> 通常不会触发就转到“ more.php” show_more_menu()，但是我已经在该页面中显示了一个菜单。谷歌怎么样？

86 javascript  hyperlink  onclick  anchor 

我有一个angular 5组件，需要在新选项卡中打开链接，我尝试了以下操作： <a href="www.example.com" target="_blank">page link</a> 当我打开链接时，应用程序变慢并打开如下路径： localhost:4200/www.example.com 我的问题是：正确地做到这一点的正确方法是什么？

81 html  angular  routes  anchor 

我知道_blank打开一个新的标签与锚标记使用时，也有我使用框架，但我会想知道的区别时，使用自定义的目标_parent，_self和_top。

80 html  hyperlink  anchor 

我了解锚标记（<a />）中的“ href”属性代表什么，但是“ h”代表什么？

77 html  tags  anchor  terminology 

我一直在寻找一种仅使用CSS3单击位于页面顶部的按钮时向下滚动的方法。 所以我找到了本教程：http : //tympanus.net/codrops/2012/06/12/css-only-response-layout-with-smooth-transitions/ 演示：http : //tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ 但这对于我的需求而言有点太先进了，因为我只希望浏览器单击页面顶部的一个按钮即可向下滚动，所以我想知道：是否可以在没有输入按钮的情况下进行CSS滚动，有锚标签？ HTML看起来像这样： <a href="#" class="button">Learn more</a> 我已经有一些CSS，需要在单击按钮时触发： /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }

76 css  scroll  anchor  transition 

<a href="#/search?query={{address}}" ng-repeat="address in addresses"> {{address}} </a> 如果我理解正确，则会生成未经url编码的链接。正确的编码方式是#/search?query={{address}}什么？ 示例地址为1260 6th Ave, New York, NY。

75 angularjs  anchor  urlencode 

我有以下标记， <ul id="menu"> <li><a href="#">Something1</a></li> <li><a href="#">Something2</a></li> <li><a href="#">Something3</a></li> <li><a href="#">Something4</a></li> </ul> 该<li>是有点大，在其左边的一个小图像，我必须真正在点击<a>激活链接。如何单击<li>激活链接？ 编辑1： ul#menu li { display:block; list-style: none; background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat; border: 1px solid #b2b2b2; padding: 0; margin-top: 5px; } ul#menu li a { font-weight: bold; text-decoration: none; line-height: 2.8em; padding-right:.5em; color: #696969; }

73 html  css  menu  html-lists  anchor 

我在for循环中有一组动态生成的锚标记，如下所示： <div id = "solTitle"> <a href = "#" id = "' + tagId + '" onClick = "openSolution();"> ' + solTitle + '</a></div> <br>'; 执行此代码后，其中一种情况的html输出将如下所示： <div id = "solTitle"> <a href = "#" id = "solution0" onClick = "openSolution();">Solution0 </a></div> <br> <div id = "solTitle"> <a href = "#" …

73 javascript  jquery  click  anchor 

我正在尝试快速导航以使其正常工作。它漂浮在侧面。当他们单击链接时，会将他们带到页面上的该ID。我正在遵循Treehouse的本指南。这就是我要滚动的内容： $("#quickNav a").click(function(){ var quickNavId = $(this).attr("href"); $("html, body").animate({scrollTop: $(location).offset().top}, "slow"); return false; }); 我最初将其放置在之前</body>。但是我似乎遇到了一种竞争情况，在quickNav编译之前就已经触发了（它ng-hide放在上面，不确定是不是引起了它-但它在DOM内）。 如果我在控制台中运行该代码块，则滚动将按预期进行。 我认为将其移入控制器会更有效-或更可能在指令中。但是我没有实现这一点的运气。如何获得此代码块以与AngularJS一起使用？

73 javascript  jquery  angularjs  scroll  anchor 

我有一个简单的页面设置，例如： <div id="aboutUs"> About us content... </div> <div id="header"> Header content... </div> 页面加载后，我需要页面自动向下滚动（无需动画）到#header，因此除非向上滚动，否则用户看不到About About。 #aboutUs 具有固定的高度，因此不需要任何变量来确定高度或任何东西……如果需要的话。 我遇到了另一个问题，并尝试根据自己的情况修改一些答案，但似乎没有任何效果。 任何帮助，将不胜感激。

72 jquery  scroll  anchor