如何在ASP.Net中设置锚点选项卡的焦点 [英] How Do I Set The Focus For An Anchor Tab In ASP.Net
问题描述
有人可以帮助我解决以下问题，我目前正在开发一个由C＃，Html，Css，Javascript和ASP.NET组成的项目，我在设置所有Anchor标签的焦点时遇到问题如果有人可以帮我解决这个问题，我真的很荣幸，我已经尝试解决它，因为上周已经没有解决方案似乎有所帮助。
< b> 以下是我的Site.Master源代码的外观
<％@ Master Language =C＃AutoEventWireup =trueCodeFile =Site.master.csInherits =SiteMaster％>
<！DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Strict // ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
< html xmlns =http://www.w3.org/1999/xhtmlxml：lang =en>
< head runat =server> ;
< meta name =viewportcontent =width = device-width，initial-scale = 1，minimum-scale = 1，maximum-scale = 1，user-scalable = 0 /> ;
< title>< / title>
< link rel =stylesheethref =Styles / jquery.maximage.css？v = 1.2类型=text / cssmedia =screencharset =utf-8/>
< link href =Styles / demo.css =stylesheettype =text / css>
< link href ='http：//fonts.googleapis.com/css family = Raleway：400,900,800,700,600,500,300,200,100'rel ='stylesheet'type ='text / css'/> ;
< link rel =stylesheethref =Styles / style.csstype =text / cssmedia =all/>
< ; script src =Scripts / jquery-1.8.0.min.jstype =text / javascript>< / script>
< script type =text / javascriptsrc =Scripts / sliderengine / amazingslider.js>< / script>
< script type =text / javascriptsrc =Scripts / sliderengine / initslider-1.js> < / script>
<！ - 用于背景图片的Javascript - >
< script src =Scripts /background/jquery.cycle.all.js type =text / javascriptcharset =utf-8>< / script>
< script src =Scripts / background / jquery.maximage.jstype =text / javascriptcharset =utf-8>< / script>
< script type =text / javascriptcharset =utf-8>
$（function（）{
//触发器maximage
jQuery（'＃maximage'）。maximage（）;
}）;
< / script>
< script src =Scripts / functions.jstype =text / javascript>< / script>
<！ - [if lt IE 7]>
< script src =js / modernizr.custom.js>< / script>
<！[endif] - >
< script type =text / javascript>
（函数（i，s， o，g，r，a，m）{
i ['GoogleAnalyticsObject'] = r;我[r] =我[r] || function（）{
（i [r] .q = i [r] .q || []）。push（arguments）
}，i [r] .l = 1 * new Date（）; a = s.createElement（o），
m = s.getElementsByTagName（o）[0]; a.async = 1; a.src = g; m.parentNode.insertBefore（a，m）}）（窗口，文档，'script'，'// http://www.google analytics.com/analytics.js'，'ga'）;
< br $>
ga（'create'，'UA-41915362-2'，'hospicewitwatersrand.org.za'）;
ga（'send'，'pageview'）; < br $> b $ b
< / script>
< asp：ContentPlaceHolder ID =HeadContentrunat =server >
< style type =text / css>
.style1
{
身高：123px;
宽度：80％;
填充顶部：50px;
填充左：20px;
填充权：0px;
margin-top：-20px;
margin-right：20px;
margin-left：57px;
}
.credit
{
身高：65px;
宽度：10％;
z-index：999;
padding-top：3％;
margin-top：-10％;
padding-left： 17％;
填充权：5％;
保证金权利：-12％;
保证金权利：1％; < br $>
}
.eft
{
身高：65px;
宽度：10％;
z-index：999;
padding-top：1％;
margin-top ：-10.3％;
填充左：2％;
填充权：5％;
保证金权利：-12％ ;
保证金左：6％;
}
#facebook
{
background-image：url（Images / facebook.png）;
display：block;
/ * margin：0 auto;
text-indent：-9999px; * /
浮动：正确;
填充左：3％;
填充顶部：2％;
填充 - 右：0％;
保证金权利：4％;
保证金左：-8％;
保证金最高：0％ ;
宽度：0％;
身高：9px;
}
#twitter
{
background-image：url（Images / twitter.png）;
display：block;
/ * margin：0 auto;
text-indent：-9999px; * /
float：right;
padding-left：18px;
padding-top：2％;
padding-right：1％;
margin-right：0％;
margin-左：0％;
margin-top：0％;
宽度：0％;
身高：6px;
}
#linkedI n
{
background-image：url（Images / in.png）;
display：block;
/ * margin：0 auto;
text-indent：-9999px; * /
float：right;
padding-left：18px ;
填充顶部：2％;
填充权：0％;
保证金权利：5％;
margin-left：2％;
margin-top：0％;
宽度：1％;
身高：6px ;
}
#youtube
{
background-image：url（Images / YouTube.png）;
显示：阻止;
/ *保证金：0自动;
文本缩进：-9999px; * /
float：right;
padding-left：18px;
padding-top：2％;
padding-right：1％;
margin-right：0％;
margin-left：0％;
margin-top：0％;
width：0％;
身高：6px;
}
< / style>
< / head>
< body>
< form runat =server>
<！ - 这包含背景图案 - >
Can Someone please assist me with the following problem, I am currently working on a project which consists of C#, Html, Css, Javascript and ASP.NET, I am having a problem with setting the focus for all of the Anchor Tags, I would really be honoured if anyone can help with me with this problem, I've tried solving it since LAST WEEK and no solution seems to be helping.
Here's how my Site.Master source code looks
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title></title>
<link rel="stylesheet" href="Styles/jquery.maximage.css?v=1.2" type="text/css" media="screen" charset="utf-8" />
<link href="Styles/demo.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css family=Raleway:400,900,800,700,600,500,300,200,100' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="Styles/style.css" type="text/css" media="all" />
<script src="Scripts/jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/sliderengine/amazingslider.js"></script>
<script type="text/javascript" src="Scripts/sliderengine/initslider-1.js"></script>
<!--Javascript for the background image -->
<script src="Scripts/background/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script>
<script src="Scripts/background/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
// Trigger maximage
jQuery('#maximage').maximage();
});
</script>
<script src="Scripts/functions.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script type="text/javascript">
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a,m)})(window, document, 'script', '//www.google analytics.com/analytics.js', 'ga');
ga('create', 'UA-41915362-2', 'hospicewitwatersrand.org.za');
ga('send', 'pageview');
</script>
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
<style type="text/css">
.style1
{
height: 123px;
width: 80%;
padding-top:50px;
padding-left: 20px;
padding-right: 0px;
margin-top:-20px;
margin-right: 20px;
margin-left: 57px;
}
.credit
{
height: 65px;
width: 10%;
z-index:999;
padding-top:3%;
margin-top:-10%;
padding-left:17%;
padding-right: 5%;
margin-right: -12%;
margin-left: 1%;
}
.eft
{
height: 65px;
width: 10%;
z-index:999;
padding-top:1%;
margin-top:-10.3%;
padding-left:2%;
padding-right: 5%;
margin-right: -12%;
margin-left: 6%;
}
#facebook
{
background-image: url(Images/facebook.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:3%;
padding-top:2%;
padding-right:0%;
margin-right:4%;
margin-left:-8%;
margin-top:0%;
width: 0%;
height: 9px;
}
#twitter
{
background-image: url(Images/twitter.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:1%;
margin-right:0%;
margin-left:0%;
margin-top:0%;
width: 0%;
height: 6px;
}
#linkedIn
{
background-image: url(Images/in.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:0%;
margin-right:5%;
margin-left:2%;
margin-top:0%;
width: 1%;
height: 6px;
}
#youtube
{
background-image: url(Images/YouTube.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:1%;
margin-right:0%;
margin-left:0%;
margin-top:0%;
width: 0%;
height: 6px;
}
</style>
</head>
<body>
<form runat="server">
<!--this contains the background pattern -->
<！ - 这些是背景图片 - >
<!--These are the images for the background -->
< img src =images / 1B_1.jpgalt =width =1200height =681/>
< img src =Images / 4B_1.jpgalt =width =1200height =681/>
< img src =images / 3B_1.jpgalt =width =1200height =681/>
<img src="images/1B_1.jpg" alt="" width="1200" height="681" />
<img src="Images/4B_1.jpg" alt="" width="1200" height="681" />
<img src="images/3B_1.jpg" alt="" width="1200" height="681" />
< ！ - 包装 - >
<!-- wrapper -->
<！ - shell - >
<!-- shell -->
<！ - 容器 - >
<!-- container -->
<！ - header - >
< header id =header>
<!-- header -->
<header id="header">
< / header>
<！ - 标题结束 - >
<！ - slider-holder - >
</header>
<!-- end of header -->
<!-- slider-holder -->
<！ - slider - >
<!-- slider -->
<!--div class="socials" style="height: 35px">
facebook-icon
twitter-ico
- >
-
-->
- Home
- About Us
- How We Help
- Donate
- Shops
- Training
- Wall Of Fame
- Contact Us
- Home
- About Us
- How We Help
- Donate
- Shops
- Training
- Wall Of Fame
- Contact Us
- Donate : Donate Money
- Club 2000
- Buy a Light
- MySchool Card
- Volunteer
- Shops
- Corporate Fundraising
- Event Fundraising
- 商店： 概述
-
-->
- Home
- About Us
- How We Help
- Donate
- Shops
- Training
- Wall Of Fame
- Contact Us
- Home
- About Us
- How We Help
- Donate
- Shops
- Training
- Wall Of Fame
- Contact Us
- Donate : Donate Money
- Club 2000
- Buy a Light
- MySchool Card
- Volunteer
- Shops
- Corporate Fundraising
- Event Fundraising
- 商店： 概述
<！ - 滑块结束 - >
<!-- end of slider -->
<！ - navigation - >
<！ - a href =＃class =nav-btn> HOME - > ;
< staticmenuitemstyle horizontalpadding =10pxverticalpadding =10pxforecolor =White>
<!-- navigation -->
<!--a href="#" class="nav-btn">HOME-->
<staticmenuitemstyle horizontalpadding="10px" verticalpadding="10px" forecolor="White">
<！ - 导航结束 - >
< asp：ContentPlaceHolder ID =MainContent runat =server>
<！ - main - >
<！ - 主要结束 - > < br $> b $ b
<!-- end of navigation -->
<asp:ContentPlaceHolder ID="MainContent" runat="server">
<!-- main -->
<!-- end of main -->
<！ - 页脚 - >
<!-- footer -->
©版权所有2012 | 附录
<！ - 页脚结束 - >
<!-- end of footer -->
<！ - 容器结束 - >
<!-- end of container -->
<！ - shell结束 - >
<！ - 包装结束 - >
< /形式>
< / body>
< / html>
<!-- end of shell -->
<!-- end of wrapper -->
</form>
</body>
</html>
推荐答案
（function（）{
//触发maximage
jQuery（'＃maximage'）。maximage（）;
}）;
< ; / script>
< script src =Scripts / functions.jstype =text / javascript>< / script>
<！ - - [if lt IE 7]>
< script src =js / modernizr.custom.js>< / script>
<！[结束] - >
< script type =text / javascript>
（函数（i，s，o，g，r，a，m） ）{
i ['GoogleAnalyticsObject'] = r; i [r] = i [r] || function（）{
（i [r] .q = i [r] .q || []）。push（arguments）
}，i [r] .l = 1 * new Date（）; a = s.createElement（o），
m = s.getElementsByTagName（o）[0]; a.async = 1; a.src = g; m.parentNode.insertBefore（a，m）}）（窗口，文档，'脚本'， //www.goo gle analytics.com/analytics.js'，'ga'）;
ga（'create'，'UA-41915362-2'，'hospicewitwatersrand.org。 za'）;
ga（'send'，'pageview'）;
< / script>
< asp：ContentPlaceHolder ID =HeadContentrunat =server>
< style type =text / css>
.style1
{
身高：123px;
宽度：80％;
padding-top：50px;
padding-left：20px;
padding-right：0px;
margin -top：-20px;
margin-right：20px;
margin-left：57px;
}
.credit
{
身高：65px;
宽度：10％;
z-index：999 ;
填充顶部：3％;
margin-top：-10％;
padding-left：17％;
padding-right：5％;
margin-right： -12％;
保证金左：1％;
}
.eft
{
身高：65px;
宽度：10％;
z-index：999;
padding-top：1％;
margin-top：-10.3％;
padding-left：2％;
padding-正确：5％;
保证金权利：-12％;
保证金权利：6％;
}
{
background-image：url（Images / facebook.png）;
显示：块;
/ * margin：0 auto;
text-indent：-9999px; * /
float：right;
padding-left：3％;
padding-top：2％;
padding-right：0％;
margin-right：4％;
margin-left：-8％;
margin-top：0％;
宽度：0％;
身高：9px; < br $>
}
{
background-image：url（Images / twitter.png）;
显示：块;
/ * margin：0 auto;
text-indent：-9999px; * /
float：right;
padding-left：18px;
padding-top：2％;
padding-right：1％;
保证金权利：0％;
保证金左：0％;
保证金最高：0％;
宽度：0％;
身高：6px;
}
{
background-image：url（Images / in .png）;
显示：块;
/ * margin：0 auto;
text-indent：-9999px; * /
浮动：正确;
填充左：18px;
填充顶部：2％;
填充权限：0％;
保证金权利：5％;
保证金左：2％;
保证金最高：0％;
宽度：1％;
身高：6px;
}
#youtube
{
background-image：url（Images / YouTube.png）;
display：block;
/ * margin：0 auto;
text-indent：-9999px; * /
float：right;
padding-left：18px;
padding-top：2％;
padding-right：1％;
margin-right：0％;
margin-left： 0％;
margin-top：0％;
宽度：0％;
身高：6px;
}
< ; / style>
< / head>
< body>
< form runat =server>
<！ - 这包含背景图案 - >
(function () {
// Trigger maximage
jQuery('#maximage').maximage();
});
</script>
<script src="Scripts/functions.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script type="text/javascript">
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a,m)})(window, document, 'script', '//www.google analytics.com/analytics.js', 'ga');
ga('create', 'UA-41915362-2', 'hospicewitwatersrand.org.za');
ga('send', 'pageview');
</script>
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
<style type="text/css">
.style1
{
height: 123px;
width: 80%;
padding-top:50px;
padding-left: 20px;
padding-right: 0px;
margin-top:-20px;
margin-right: 20px;
margin-left: 57px;
}
.credit
{
height: 65px;
width: 10%;
z-index:999;
padding-top:3%;
margin-top:-10%;
padding-left:17%;
padding-right: 5%;
margin-right: -12%;
margin-left: 1%;
}
.eft
{
height: 65px;
width: 10%;
z-index:999;
padding-top:1%;
margin-top:-10.3%;
padding-left:2%;
padding-right: 5%;
margin-right: -12%;
margin-left: 6%;
}
{
background-image: url(Images/facebook.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:3%;
padding-top:2%;
padding-right:0%;
margin-right:4%;
margin-left:-8%;
margin-top:0%;
width: 0%;
height: 9px;
}
{
background-image: url(Images/twitter.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:1%;
margin-right:0%;
margin-left:0%;
margin-top:0%;
width: 0%;
height: 6px;
}
{
background-image: url(Images/in.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:0%;
margin-right:5%;
margin-left:2%;
margin-top:0%;
width: 1%;
height: 6px;
}
#youtube
{
background-image: url(Images/YouTube.png);
display: block;
/* margin: 0 auto;
text-indent: -9999px;*/
float:right;
padding-left:18px;
padding-top:2%;
padding-right:1%;
margin-right:0%;
margin-left:0%;
margin-top:0%;
width: 0%;
height: 6px;
}
</style>
</head>
<body>
<form runat="server">
<!--this contains the background pattern -->
<！ - 这些是背景图片 - >
<!--These are the images for the background -->
< img src =images / 1B_1.jpgalt =width =1200height =681/>
< img src =Images / 4B_1.jpgalt =width =1200height =681/>
< img src =images / 3B_1.jpgalt =width =1200height =681/>
<img src="images/1B_1.jpg" alt="" width="1200" height="681" />
<img src="Images/4B_1.jpg" alt="" width="1200" height="681" />
<img src="images/3B_1.jpg" alt="" width="1200" height="681" />
<！ - 包装 - >
<!-- wrapper -->
<！ - shell - >
<!-- shell -->
<！ - 容器 - >
<!-- container -->
<！ - header - >
< header id =header>
<!-- header -->
<header id="header">
< / header>
<！ - 标题结尾 - > ;
<！ - slide-holder - >
</header>
<!-- end of header -->
<!-- slider-holder -->
<！ - 滑块 - >
<!-- slider -->
<!--div class="socials" style="height: 35px">
facebook-icon
twitter-ico
- >
<！ - 滑块结束 - >
<!-- end of slider -->
<！ - 导航 - >
<！ - a href =＃class =nav-btn> HOME - >
< staticmenuitemstyle horizontalpadding =10pxverticalpadding =10pxforecolor =White>
<!-- navigation -->
<!--a href="#" class="nav-btn">HOME-->
<staticmenuitemstyle horizontalpadding="10px" verticalpadding="10px" forecolor="White">
<！ - 导航结束 - >
< asp：ContentPlaceHolder ID =MainContent runat =server>
<！ - main - >
<！ - 主要结束 - > < br $> b $ b
<!-- end of navigation -->
<asp:ContentPlaceHolder ID="MainContent" runat="server">
<!-- main -->
<!-- end of main -->
<！ - 页脚 - >
<!-- footer -->
©版权所有2012 | 附录
<！ - 页脚结束 - >
<!-- end of footer -->
<！ - 容器结束 - >
<!-- end of container -->
<！ - shell结束 - >
<！ - 包装结束 - >
< /形式>
< / body>
< / html>
<!-- end of shell -->
<!-- end of wrapper -->
</form>
</body>
</html>
没有理解你要说的话。
或者获取锚标签的id并添加focus（）。
Didnt unterstood what you have to say.
OR else get the id of the anchor tag and add focus() to it.
a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
这篇关于如何在ASP.Net中设置锚点选项卡的焦点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
