首页 > 网络编程 > JavaScript > 网页特效 > 链接特效 > 文字变大的超级链接 CSS定义Hover实现文字变大的超级链接 2012-12-26 09:06:56 作者： 文字变大的超级链接，顾名思义当移动鼠标到任意一个连接上则可放大显示该超连接。很不错的效果使用CSS定义Hover时的字体大小和颜色也可实现这一效果。这是个很早时候的效果了，希望对您学习网页特效编写有帮助 <html> <haed> <head> <title>强调连接</title> <script language="javascript" type="text/javascript"> <!-- function link1Over() { link1.style.color="red" link1.style.fontSize=36 } function link1Out() { link1.style.color="black" link1.style.fontSize=12 } function link2Over() { link2.style.color="green" link2.style.fontSize=36 } function link2Out() { link2.style.color="black" link2.style.fontSize=12 } function link3Over() { link3.style.color="blue" link3.style.fontSize=36 } function link3Out() { link3.style.color="black" link3.style.fontSize=12 } --> </script> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <style> <!-- body { font-family: Verdana; font-size: 9pt; color: #000080 } --> </style> </head> <body> <div align="center"> <form name="form1"> 移动鼠标到任意一个连接上则可放大显示该超连接。 <p><a href="/" name="link1" onmouseover="link1Over()" onmouseout="link1Out()">超连接1</a> <a href="/" name="link2" onmouseover="link2Over()" onmouseout="link2Out()">超连接2</a> <a href="/" name="link3" onmouseover="link3Over()" onmouseout="link3Out()">超连接3</a></p> </form> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
