css 超链接问题 - WEB前端(UI) - 编程论坛档案馆

ab382717036

等　级：论坛游民
帖　子：73
专家分：20
注　册：2011-3-19
结帖率：91.67%

楼主

已结贴√ 问题点数：10 回复次数：5

css 超链接问题

当点百度搜索上面的新闻时新闻下面没有下划线且字体变黑而其它的几个字体都没变这是怎么实现的。

百度  新闻网页贴吧知道
当点击网页时网页就变成黑色且没下划线怎么实现
我页面用了一个.chara1 td{
    text-align:center;
}
a:link{                            /* 超链接正常状态下的样式 */
    color:red;                    /* 红色 */
    text-decoration:none;        /* 无下划线 */
}
a:visited{                        /* 访问过的超链接 */
    color:black;                /* 黑色 */
    text-decoration:none;        /* 无下划线 */
}
a:hover{                        /* 鼠标经过时的超链接 */
    color:yellow;                /* 黄色 */
    text-decoration:underline;    /* 下划线 */
}
我想用另一个伪超链接来显示我另一个页面不同的超链接效果请问怎么实现
比如我另一个页面没点击是黑色点击以后是红色的效果。

搜索更多相关主题的帖子: 百度搜索　超链接　下划线　新闻　 link　

2011-04-25 16:49

赵丹

等　级：论坛游民
帖　子：5
专家分：16
注　册：2011-4-26

第 3 楼

得分:10

新手报到

[url=http://t./p/u/141487987]5万元创业项目[/url]

2011-04-26 16:36

liang198207

等　级：职业侠客
帖　子：70
专家分：300
注　册：2011-5-10

第 5 楼

得分:0

这个真做到像百度那样在同一个页面加上脚本可以实现，在多个页面只用CSS和脚本恐怕不好实现，主要是点连接的时候要进行页面的刷新。脚本的话也会回到原来的，要不就要写一些繁琐的判断了，那花这么大力气做一个这样的效果太不合算了，要是用动态的话那就简单了。单个页面我做了一下你看看有没有帮助

程序代码：

<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>超链接</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<Script language="javascript" type="text/javascript">
<!--
function navtag(tid,tnum)
{
    for (var t=0;t<=tnum;t++)
    {
        if (t==tid){
        document.getElementById(t).innerHTML=document.getElementById("uid"+t).innerText;
        document.getElementById(t).style.fontWeight.bold;
        }
        else{
        document.getElementById(t).innerHTML="<a id='uid"+t+"' href='c1.htm' class='news' onMouseUp='navtag("+t+",4)'>链接"+t+"</a>";
        }
    }
}
-->
</Script>
</head>

<body bgcolor="#C0C0C0">

<table cellpadding="0" cellspacing="0" width="457" height="25">
    <!-- MSTableType="nolayout" -->
    <tr>
        <td id="0" height="25" width="110" align="center">
        <a id="uid0" href="c1.htm" class="news" onMouseUp="navtag(0,4)">链接0</a></td>
        <td id="1" height="25" width="109" align="center">
        <a id="uid1" href="c1.htm" class="news" onMouseUp="navtag(1,4)">链接1</a></td>
        <td id="2" height="25" width="121" align="center">
        <a id="uid2" href="c1.htm" class="news" onMouseUp="navtag(2,4)">链接2</a></td>
        <td id="3" height="25" width="117" align="center">
        <a id="uid3" href="c1.htm" class="news" onMouseUp="navtag(3,4)">链接3</a></td>
    </tr>
</table>

</body>

</html>

2011-05-10 23:14