【博客技术】超链接文字&滚动条特效_狼的旋律

【博客技术】超链接文字&滚动条特效(2007-01-18 12:04:59)

分类：电脑网络

本期为超链接文字特效和滚动条特效

超链接文字特效代码：

把下列代码之一添加到面板（文章）中，该面板（文章）中的链接即可显示相应的特效：

让链接变色代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

增加链接的力度（字体变大）代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

触到链接是出现虚线代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

会移动的链接代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>

给链接添加背景色代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>

●滚动条特效代码

1、控制横向和纵向滚动条的显隐

去掉滚动条 x 轴 <body style="overflow-y:hidden">
去掉滚动条 y 轴 <body style="overflow-x:hidden">
滚动条 x/y 轴全部去掉 <body scroll="no">

2、滚动条颜色

代码说明：
SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR 滚动条的基本颜色

3、箭行符号滚动条代码

4、一侧滚动条代码

5、朴素型滚动条代码

6、一侧滚动条代码

7、立体型滚动条代码

分享到新浪微博

阅读|评论|收藏|打印|举报

加载中，请稍候...

评论重要提示：警惕虚假中奖信息，点击查看详情免费任选1000款游戏新手卡[发评论]

评论加载中，请稍候...

发评论 你的Windows 7 你做主新浪产品部优厚待遇聘英才！

插入表情

登录名：
密码：
找回密码
注册
昵称：
匿名评论

验证码：请点击后输入验证码看不清楚数字吗？点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。