当前位置:首页-->综合-->显示文章内容
站 内 搜 索
请输入查询的字符串:
分类最新文章
新手入门:了解DNS服务基本原
个性化设计超级链接(转载)
利用VMware虚拟机硬盘安装Ro
如何在VPN中使用网络加密技术
IT与业务间的分歧日增:敏捷
写给计算机的大学生
IT 人员相信的十条潜规则
JAVA 对象简称收集
防火墙防止DDOS SYN Flood原
软件设计研究
分类热门文章
配置EJB3.0的开发环境
Unicode 的编码和实现
光盘制作防盗版技术研究
Linux下ADSL共享上网的解决办
DVD光盘的储存方式
博客中加背景音乐
光盘制作加密技术集锦
DVD光盘制作格式剖析
未来光盘制作加密技术使DVD肯
MySQL复制 自动监控脚本

个性化设计超级链接(转载)


发布时间:2007-11-3 被阅览数: 次 作者:

   主页越来越多了,但具有新意的却不多见,大多数都是千篇一律,像古代的八股文一样,没有一点个性。在网页中实现个性化,就是为了使自己的网页更吸引人,使网民看到后,对你的网页留下一个比较深的印象。这里,我就对如何在网页中实现超级链接的个性化设计作一点浅显的讨论,目的还是在抛砖引玉。
  一、个性化设计超级链接上的鼠标指针。
  在默认的情况下,网络用户常见的鼠标指针样式有三种:平常为左上方箭头形,指向超级链接时为手形,页面正在装载时为沙漏形。就这么几种形状看多了未免生厌,尤其是手形的指针,无论指针放在指向何处的超级链接上,都是统一的手形,用游戏玩家的话说就是AI值极低。所以,我们要先对鼠标指针的样式进行个性化设计。请看下面的这个例子:
  〈a style=″cursor:help″ href=page1.htm〉你需要帮助吗?〈/a〉
  将这一行文字加入HTML文件中,在浏览器中运行后会发现,当把鼠标指针放在这个超级链接上时,鼠标指针就会变成表示帮助的左上方箭头加一问号形。这样的指针样式如果用在指向一个帮助文件的超级链接上,是不是比手形指针形象化、个性化多了?当然还有很多别的形状,你只需把属性cursor的属性值help换成不同的属性值就可以了,例如:hand表示常见的手形、move表示带四方向箭头的十字形、crosshair表示十字形、e-resize表示右方向箭头、text表示插入文本的“I”形、wait表示等待的沙漏形等。如果有空,不妨挨个试一下效果,会很有趣。不同的形状可以放在指向不同内容的链接文字或图标上,例如w-resize左方向箭头可以放在指向返回上一页文档的图标上,s-resize下方向箭头可以放在指向下载软件的链接上等等。
  二、个性化设计超级链接的样式。
  我们知道,网页中默认的超级链接样式是蓝色文字带蓝色的下划线,访问过的超级链接变为深紫色的文字带深紫色的下划线。有些网页设计者为了使网页个性化,便将其默认的颜色改变,但不易为用户所理解,结果往往会引起混乱,与设计目的背道而驰。现在,我们采取这样的方法:在HTML文件的       <head〉……〈/head〉之间加入
 〈style type=″textm/css″〉
  !--〉
  a:link{
  color:blue:
  text-decoration:none}
  a:active{
  color:olive:
  text-decoration:underline}
  a:visited{
  color:purple;
  text-decoration:line-through}
  --
  〈/style 〉
  这样的页面在浏览器中运行后,所有未访问过的超级链接都是蓝色的,但下划线被去掉了;只有当鼠标点击这个超级链接时才出现下划线,并且同时颜色变为深黄色;而所有访问过的超级链接都变成了中间有一条删除线的深紫色。这样的个性化超级链接,简单明了,用户一看就会明白,而且其表达效果也比原来的好。当然,网页的个性化设计还有其他很多方面,这是一个仍需大家继续深入讨论的问题。

    在个性化设计的同时,要把握好一个度,别个性化过了头,到了只有自己明白的地步。如果你有什么个性化设计的妙招,不妨也拿出来与大家共享。 
http://www.qicaispace.com/gonggao/show.asp?id=29

 



设为首页 | 加入收藏 | 联系站长 | 广告联系 | 最新文章 | 文章分类 
Copyright @ 中国商务网络 版权所有
公司地址:青岛市仙居路66号14#303 电话:0532-86068282 邮编:266071
Email:office@0532163.com