我有以下HTML:
<div class="menu">
<a class="main-nav-item" href="home">home</a>
<a class="main-nav-item-current" href="business">business</a>
<a class="main-nav-item" href="about-me">about me</a>
</div>
在CSS中,我想将a:hover这些菜单项设置为特定颜色.所以我写道:
.menu a:hover
{
color:#DDD;
}
但是,我想a:hover仅为<a>具有类main-nav-item而不是main-nav-item-current的标签设置此颜色,因为它具有不同的颜色,并且在悬停时不应更改.菜单 div中的所有<a>标记都应在悬停时更改颜色,但当前类的标记除外.
我怎么能用CSS做呢？
我试过类似的东西
.menu a:hover .main-nav-item
{
color:#DDD;
}
认为只有具有main-nav-item类的那些将在悬停时改变颜色,而不是当前的颜色.但它没有用.
我有一个HTML文档,当前使用锚点有一些指向页面顶部的链接
<body id="topofpage">
...
<a href="#topofpage">Go to top</a>
但是,我不喜欢需要创建一个无用的ID以及单击链接后"#topofpage"如何显示在URL中.我还能做些什么来链接到页面顶部而不使用Javascript吗？我尝试完全删除锚点,<a href="">但这会导致页面刷新.
我有一个页面包含一些jQuery函数.页面上的HTML看起来像这样:
<a href="#" class="service">Open</a>
当我单击"打开"按钮时,隐藏的面板会滑出.jQuery本身效果很好但是当我点击按钮时它也会把我带到页面顶部.
这是defualt行为,我如何防止每个人href="#"把我带到页面顶部.
注意:我可以添加id并告诉href指向该ID.我不想出于各种原因(包括添加不必要的代码)这样做.
一直以来我的做法是,当我使用图像时,我将它们命名为
walls_ico,bu_hover
所以当我给出路径他们就像
<img src="images/walls_ico.ico" />
<img src="buttons/bu_hover.png" />
UNTIL现在当我在一个用户上传文件的项目时......
我想知道文件和文件夹之间的空格是否可以
<img src="buttons/bu hover.png" />
请考虑以下代码:
<a href="#label2">GoTo Label2</a>
... [content here] ...
<a name="label0"></a>More content
<a name="label1"></a>More content
<a name="label2"></a>More content
<a name="label3"></a>More content
<a name="label4"></a>More content
有没有办法模仿点击"GoTo Label2"链接通过代码滚动到页面上的相应区域？
编辑:一个可接受的替代方案是滚动到一个具有唯一ID的元素,该元素已存在于我的页面上.如果这是一个可行的解决方案,我会添加锚标签.
从下面的代码中我创建了一个下载文件的动态锚标记.此代码适用于Chrome,但不适用于IE.我怎样才能使这个工作
<div id="divContainer">
<h3>Sample title</h3>
</div>
<button onclick="clicker()">Click me</button>
<script type="text/javascript">
function clicker() {
var anchorTag = document.createElement('a');
anchorTag.href = "http://cdn1.dailymirror.lk/media/images/finance.jpg";
anchorTag.download = "download";
anchorTag.click();
var element = document.getElementById('divContainer');
element.appendChild(anchorTag);
}
</script>
有没有办法在控制器中获取URL的锚点部分？
示例:如果我键入http://www.foo.com/bar#anchor123,我可以在控制器中获取字符串anchor123吗？
我试图悬停HTML的区域标记.我在CSS中试过这个:
area:hover
{
border:1px solid black;
}
这是应该应用它的HTML.
<!-- This imagemap inserted by Gwyn's Imagemap Selector http://gwynethllewelyn.net/gwyns-imagemap-selector/ -->
<img src='http://dailyaeen.com.pk/epaper/wp-content/uploads/2012/09/27+Sep+2012-1.jpg?1349003469874' usemap='#imgmap_css_container_imgmap201293016112' class='imgmap_css_container' title='imgmap201293016112' alt='imgmap201293016112' id='img-imgmap201293016112' />
<map id='imgmap201293016112' name='imgmap_css_container_imgmap201293016112'>
<area shape="poly" coords="2,0,604,-3,611,-3,611,166,346,165,345,130,-2,130,-2,124,1,128,1,126" href="" alt="imgmap201293016112-0" title="imgmap201293016112-0" class="imgmap201293016112-area" id="imgmap201293016112-area-0" />
<area shape="rect" coords="1,131,341,213" href="" alt="imgmap201293016112-1" title="imgmap201293016112-1" class="imgmap201293016112-area" id="imgmap201293016112-area-1" />
<area shape="rect" coords="346,166,614,241" href="" alt="imgmap201293016112-2" title="imgmap201293016112-2" class="imgmap201293016112-area" id="imgmap201293016112-area-2" />
<area shape="poly" coords="917,242,344,239,345,496,574,495,575,435,917,433" href="" alt="imgmap201293016112-3" title="imgmap201293016112-3" class="imgmap201293016112-area" id="imgmap201293016112-area-3" />
<area shape="rect" coords="1,416,341,494" href="" alt="imgmap201293016112-4" title="imgmap201293016112-4" class="imgmap201293016112-area" id="imgmap201293016112-area-4" />
<area shape="rect" coords="1,215,341,410" href="" alt="imgmap201293016112-5" title="imgmap201293016112-5" …如何在锚OnClick事件中分隔Javascript数据绑定字符串参数？
OnClick锚的事件包含对Javascript函数的调用. 我需要"双引号" Container.DataItem.
我需要'单引号' OnClick.
我还需要一个分隔符(三引号？)作为Javascript函数调用的输入字符串参数.
由于我不能再使用'单引号',我如何确保Javascript函数知道输入参数是字符串而不是整数？
没有输入字符串参数周围的额外引号,Javascript函数认为我传入一个整数.
主播:
<a id="aShowHide" onclick='ToggleDisplay(<%# DataBinder.Eval(Container.DataItem, "JobCode") %>);' >Show/Hide</a>
这是Javascript:
<script language="JavaScript" type="text/javascript">
/* Shows/Hides the Jobs Div */
function ToggleDisplay(jobCode)
{
/* Each div has its ID set dynamically ('d' plus the JobCode) */
var elem = document.getElementById('d' + jobCode);
if (elem)
{
if (elem.style.display != 'block')
{
elem.style.display = 'block';
elem.style.visibility = 'visible';
}
else
{
elem.style.display = 'none'; …我希望当用户点击链接时,页面运行一些PHP代码,而不重定向它们.这有可能吗？
<a href=""></a>
或者使用javascript onclick事件？