正文
sqlserver写木马,sqlserver写一句话木马
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
html +CSS 里面，点击按钮后的样式怎么设置？
a:active 是鼠标点击时；
a:visited是访问过后的情况；
样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；
这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
!------代码如下----
style (type="text/css")
a:link{
color:black; !--未点击的超链接显示黑色---
a:hover{
color:purple; !----当鼠标指向超链接时变成紫色-----
a:visited{
color:red; !----当超链接被访问过后变成红色-----
/style
如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。
html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。
相关问答
Q1: css 点击后样式
/* 字体链接样式 */
td.firstLevelMenuClass a:link {color: #3E8BAC; text-decoration: none;} /* 未访问的链接 */
td.firstLevelMenuClass a:visited {color: #FFFFFF; text-decoration: none;} /* 已访问的链接 */
td.firstLevelMenuClass a:hover {color: #FFFFFF;} /* 鼠标移动到链接上 */
td.firstLevelMenuClass a:active {color: #FFFFFF;} /* 选定的链接 */
/* 鼠标事件背景样式 */
td.firstLevelMenuClass:hover {background-image: url(../../Public/img/menu_first_down_bg.gif); } /* 鼠标移动到链接上 */
td.span style="color:#cc0000;"firstLevelMenuClassHover/span{background-image: url(../../Public/img/menu_first_down_bg.gif); }
td.firstLevelMenuClass{background-image: url(../../Public/img/head_menu_center.gif); }
JS:
[javascript] view plain copy
/*
* 取得对应类和标签的HTML元素
* clsName:给定类名
* tagName：给定的HTML元素，如果为任意 tagName='*'
*
*/
function getElementsByClassName(clsName, tagName) {
var ClassElements = [];
selElements = document.getElementsByTagName(tagName);
for (var i = 0; i selElements.length; i++) {
if (selElements[i].className == clsName) {
ClassElements[ClassElements.length] = selElements[i];
}
}
return ClassElements;
}
//通过改变元素class名达到间接改变背景样式
function onFirstMenuChangeBg(e) {
//先清除已经改变的元素背景样式
var getElements = getElementsByClassName('span style="color:#cc0000;"firstLevelMenuClassHover/span', 'td');
for (var i = 0; i getElements.length; i++) {
getElements[i].className = "firstLevelMenuClass";
}
//设置鼠标点击元素背景样式
e.className = "firstLevelMenuClassHover";
}
HTML:
[html] view plain copy
td class="firstLevelMenuClass" id="firstLevelMenu0" onclick="onFirstMenuChangeBg(this);"
a href='#'测试0/a
/td
td class="firstLevelMenuClass" id="firstLevelMenu1" onclick="onFirstMenuChangeBg(this);"
a href='#'测试1/a
/td
td class="firstLevelMenuClass" id="firstLevelMenu2" onclick="onFirstMenuChangeBg(this);"
a href='#'测试2/a
/td
Q2: 如何实现 css 鼠标点击a标签由样式1变为样式2
html
head
meta charset="utf-8"
titledemo/title
script src=""/script
/head
style
.menu{border-bottom: 1px solid #ccc;}
.menu a{
width: 120px;
height: 50px;
text-decoration: none;
display: block;
float: left;
text-align: center;
line-height: 50px;
}
.on{ border:1px solid #ccc;}
/style
script
$(function(){
$(".menu a").click(function(){
$(this).addClass("on").siblings().removeClass("on");
});
});
/script
body
div class="menu"
a href="#" class="on"栏目一/a
a href="#"栏目二/a
a href="#"栏目三/a
a href="#"栏目四/a
/div
/body
/html
Q3: 使用CSS如何实现鼠标点击元素后向该元素添加样式
使用CSS实现鼠标点击元素后向该元素添加样式，首先需要理解这个点击事件，通过单独的css或者是html是无法实现的，一般都需要结合Js来做，需要获取到这个元素，然后在通过js来改变元素的样式，在html中需要添加一个点击事件，也就是onclick，然后就是可以来实现，具体看下代码：
html
head
style
#round{
width:300px;
height:200px;
}
/style
/head
script
function iLeft(){
var oDiv = document.getElementById('round');
oDiv.style.left = 400+'px'; //通过js改变这个div的left值
}
/script
body
div id='round'
pa href='' onclick="iLeft()" 我是测试文字/a/p
/div
/body
/html
Q4: CSS如何设置超链接被点击后变个样式
你好，楼主、
点击后链接样式的设置是 a:visited {color: #00FF00}下面是比较详细的解释。推介你一个 网站 语言学习的 网址、 我就是在这里自学的，还有很多实例
锚伪类在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /* 选定的链接 */
提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。提示：伪类名称对大小写不敏感。
