超链接点击,移动至上方,点击过的css效果
2014-01-24 00:57
316 查看
学习自传智播客视频教程--韩顺平老师
因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:
特别要注意的是:清除浏览器缓存测试!
还有css中link,hover,visited顺序注意一下!
linkhovervisited.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
</head>
<body>
<a href="http://www.sohu.com" target="_blank">百度</a>
<a href="#"><img src="2.png"/></a>
<a href="#"><img src="3.png"/></a>
</body>
</html>
css1.css
a:link{
color:red;
text-decoration:none;
font-size:30px;
}
a:visited{
color:green;
}
a:hover{
color:yellow;
text-decoration:underline;
font-size:50px;
}
因为鼠标移动到链接上,点击链接后,字体颜色大小都会变化,所以不贴图了,直接上代码:
特别要注意的是:清除浏览器缓存测试!
还有css中link,hover,visited顺序注意一下!
linkhovervisited.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
</head>
<body>
<a href="http://www.sohu.com" target="_blank">百度</a>
<a href="#"><img src="2.png"/></a>
<a href="#"><img src="3.png"/></a>
</body>
</html>
css1.css
a:link{
color:red;
text-decoration:none;
font-size:30px;
}
a:visited{
color:green;
}
a:hover{
color:yellow;
text-decoration:underline;
font-size:50px;
}
相关文章推荐
- 超链接点击移动至上方以及点击过的css效果设置
- TextView SpannableString 使用之实现可点击超链接效果
- 如何css做一个点击导航 页面滚动, 并且有动画效果
- DIV+JS+CSS实现点击弹出图片效果
- Js实现点击超链接弹出层,效果仿Discuz登录!
- jQuery模拟超链接点击效果代码
- CSS做一个超链接的陷下效果
- css实现按钮点击效果(超简单)
- css如何做到 鼠标移动到超链接时,超链接会发生改变,例如改变颜色、字体大小、背景颜色等
- 鼠标移动到超链接上的效果
- js div随鼠标移动,css图片放大镜效果
- 点击Ajax.Action生成的链接后,没有启用ajax请求,而是普通超链接的效果
- css学习1----css超链接效果
- CSS鼠标响应事件经过、移动、点击示例介绍
- CSS鼠标响应事件经过、移动、点击示例介绍
- css实现随鼠标移动div渐变色效果
- u3d关于鼠标点击地面上的一点,物体就移动到这一点的效果
- css实现鼠标移动图片上放大效果
- 怎样在点击一个超链接时让滚动条不移动