📄 0092.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>给你的超级链接来点个性</strong></big></p>
<div align="right">---摘自互联网</div>
<p><font face=宋体><span class=90v> 网上的个人主页越来越多了，但具有新意的却不多见，大多数都是千篇一律，像古代的八股文一样，没有一点个性。在网页中实现个性化，就是为了使自己的网页更吸引人，使网民看到后，对你的网页留下一个比较深的印象。这里，我就对如何在网页中实现超级链接的个性化设计作一点浅显的讨论，目的还是在抛砖引玉。<br>
<br>
<br>
一、个性化设计超级链接上的鼠标指针。<br>
<br>
<br>
在默认的情况下，网络用户常见的鼠标指针样式有三种：平常为左上方箭头形，指向超级链接时为手形，页面正在装载时为沙漏形。就这么几种形状看多了未免生厌，尤其是手形的指针，无论指针放在指向何处的超级链接上，都是统一的手形，用游戏玩家的话说就是AI值极低。所以，我们要先对鼠标指针的样式进行个性化设计。请看下面的这个例子：<br>
<br>
〈a style=″cursor:help″ href=page1.htm〉你需要帮助吗？〈/a〉<br>
<br>
将这一行文字加入HTML文件中，在浏览器中运行后会发现，当把鼠标指针放在这个超级链接上时，鼠标指针就会变成表示帮助的左上方箭头加一问号形。这样的指针样式如果用在指向一个帮助文件的超级链接上，是不是比手形指针形象化、个性化多了?当然还有很多别的形状，你只需把属性cursor的属性值help换成不同的属性值就可以了，例如：hand表示常见的手形、move表示带四方向箭头的十字形、crosshair表示十字形、e－resize表示右方向箭头、text表示插入文本的“I”形、wait表示等待的沙漏形等。如果有空，不妨挨个试一下效果，会很有趣。不同的形状可以放在指向不同内容的链接文字或图标上，例如w－resize左方向箭头可以放在指向返回上一页文档的图标上，s－resize下方向箭头可以放在指向下载软件的链接上等等。<br>
<br>
<br>
二、个性化设计超级链接的样式。<br>
<br>
<br>
我们知道，网页中默认的超级链接样式是蓝色文字带蓝色的下划线，访问过的超级链接变为深紫色的文字带深紫色的下划线。有些网页设计者为了使网页个性化，便将其默认的颜色改变，但不易为用户所理解，结果往往会引起混乱，与设计目的背道而驰。现在，我们采取这样的方法：在HTML文件的
〈head〉……〈/head〉之间加入<br>
<br>
〈style type=″textm/css″〉<br>
<br>
!－－〉<br>
<br>
a:link{<br>
<br>
color:blue:<br>
<br>
text－decoration:none}<br>
<br>
a:active{<br>
<br>
color:olive:<br>
<br>
text－decoration:underline}<br>
<br>
a:visited{<br>
<br>
color:purple;<br>
<br>
text－decoration:line－through}<br>
<br>
－－<br>
<br>
〈/style 〉<br>
<br>
这样的页面在浏览器中运行后，所有未访问过的超级链接都是蓝色的，但下划线被去掉了；只有当鼠标点击这个超级链接时才出现下划线，并且同时颜色变为深黄色；而所有访问过的超级链接都变成了中间有一条删除线的深紫色。这样的个性化超级链接，简单明了，用户一看就会明白，而且其表达效果也比原来的好。当然，网页的个性化设计还有其他很多方面，这是一个仍需大家继续深入讨论的问题。在个性化设计的同时，要把握好一个度，别个性化过了头，到了只有自己明白的地步。如果你有什么个性化设计的妙招，不妨也拿出来与大家共享。</span></font></p>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -