CSS实现网页超级链接位移网页特效- 鼠标代码

当前位置: 首页 > 图文教程 > 网页特效 > 鼠标代码 > CSS实现网页超级链接位移网页特效

鼠标代码: 网页中图片鼠标指向后带图片的alt提示; 鼠标指向出现实用特殊提示的网页特效代码; 不错的可以在网页中用鼠标拖动的层特效; 网页特效:XP风格的网页右键菜单; 网页特效:控制鼠标中键的演示代码; 网页特效:网页中个性的小窗口; 特殊的鼠标悬停提示（网页特效代码）; 不间断滚动特效的简单测试特效代码; 网页上下滚动网页特效代码; CSS实现网页超级链接位移网页特效

技术文章搜索

关键字

鼠标代码中的 CSS实现网页超级链接位移网页特效

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 193 ::

收藏到网摘: n/a

网页上下滚动网页特效代码无

超链接的hover状态，通常可以改变颜色，增加或去除下划线等效果来提醒访客。我们也看到过有一些文字链接，当鼠标移上去时（hover状态）产生位移，类似于按钮陷下的效果，这该如何实现其实是应用了position属性： position: relative; top:1px; left:1px; 这段代码的含义为，相对定位，距上部位移1象素，距左部位移1象素。我们可以将上面的代码加入到超链接的hover状态中，就实现了类似按钮陷下的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>实现超链接类似按钮陷下的效果</title> <style type="text/css">  </style> </head> <body> <a href="#"><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" ></a> </p> </body> </html>

[ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]

网页上下滚动网页特效代码无

鼠标代码 中的 CSS实现网页超级链接位移网页特效

评论 (0) All

鼠标代码中的 CSS实现网页超级链接位移网页特效