当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 超链接效果

WEB设计综合
连接基础
HTML基础
CSS 基础
添加背景音乐
HTML中的脚本标签
水平线样式
CSS基础以及CSS代码
自定义404错误页
链接至外部样式表
文本和颜色
表格详述
图像详述
优化CSS样式表代码
CSS元素div ul dl dt ol简释
CSS元素的class与ID命名常用关键字
DIV布局SEO的影响
CSS中的相对定位与绝对定位
CSS选择符
CSS特殊选择符伪类的应用技巧
常用的CSS知识

WEB设计综合 中的 超链接效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2075 ::
收藏到网摘: n/a

To make your links flip vertically when you go over them, copy the code below and change #000000 to your preference.

复制下面的代码到网页中,当鼠标移至超链接之上时,可以实现垂直翻转的效果。你可以修改超链接效果色#000000

<STYLE type=text/css>A:link {
FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A:active {
FONT-WEIGHT: bold; FILTER: flipv; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold; FILTER: flipv; COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
}
</style>

 

link案例1

效果1

To make your links glow when you go over them, copy the code below:

复制下面的代码到网页中,当鼠标移至链接之上时,可以实现超链接发光的效果:

<STYLE type=text/css>A:link {
FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A:active {
FONT-WEIGHT: bold; filter:glow(color=#000000,strength=2); COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold; glow(color=#00ff00,strength=2); COLOR: #000000; HEIGHT: 0px; TEXT-DECORATION: none
}
</style>

 

link 案例2
效果2

To add a wave effect to your links when you go over them, copy the code below:

复制下面的代码到网页中,当鼠标移至链接之上时,可以实现超链接波浪的效果:

<STYLE
type=text/css>A:link { FONT-WEIGHT: bold; COLOR: #000000;
TEXT-DECORATION: none
}
A:visited { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
A:active { FONT-WEIGHT: bold; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10); COLOR: #000000; HEIGHT: 0px;
TEXT-DECORATION: none
}
A:hover { FONT-WEIGHT: bold; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10); COLOR: #000000; HEIGHT: 0px;
TEXT-DECORATION: none
}
</style>

 

link 案例3
效果3

评论 (0) All

登陆 | 还没注册?