<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<style type="text/css">
body
{
font-size: 12px;
}
a
{
font-size: 12px;
}
/*初始状态*/a:link
{
color: Gray;
text-decoration: none;
}
/*鼠标在a标签上面的时候*/a:hover
{
color: Purple;
text-decoration: underline; /*字下面有线*/
/* text-decoration: overline; 字上面有线*/
/* text-decoration: line-through; 字中间有线*/
/*text-decoration: none;没有线*/
/* text-decoration:inherit;默认有线，在字下面*/
/* text-decoration:blink;实现文字闪烁，但是ie好像不支持，没有看到过*/
}
/*鼠标点击时*/a:active
{
color: Blue;
text-decoration: none;
}
/*点击之后*/a:visited
{
color: Green;
text-decoration: none;
}
</style>
<script type="text/javascript" language="javascript">
function text() {
alert("这是js方法！");
}
</script>
</head>
<body>
<a href="http://www.baidu.com">众里寻他千百度，蓦然回首，那人却在灯火阑珊处</a>
<br />
JavaScript脚本方法： <a href="javascript:alert('夜深了早点休息吧！')">点击我！</a>
<br />
<a href="javascript:text()">点击我！</a>
<br />
<a href="#" onclick="javascript:text();">点击我！</a><!--必须要href="#",否则连接到别的页面去了-->
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
