快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

制作网页时如何改变字体的颜色?


    在有些网页我们可以看到,当MOUSE移上去是一种颜色,移开就是另外一种颜色,这是怎么样实现的呢?这里我们就来看一看。

  这里我们只需要在Head内预先定义两个类,分别定义了两种颜色,这在后面的HTML源文件中会用到这个颜色的定义:

  <style>
   .normal {color:red;}
   .start {color:blue;}
  </style>

  然后我们在要改变的字前后加上下面的代码:

  <SPAN onmouseover = "this.className = ‘normal‘" 
   onmouseout = "this.className=‘start‘" class=start> here </SPAN>

   这里的“class=start”是将这行字的默认值设为 start {color:blue;},要是不加上这句 的话,你这行字的颜色就会变成HTML预先设定的数值。

  下面我们看一看效果。当我们把鼠标移动到“here”上的时候,颜色为“normal”定义的颜色,而当鼠标移开的时候“here”的颜色为“start”定义的颜色。

  试者将鼠标挪到“here”,观看效果。(注重这种效果只有在Internet Explorer下才可以看到)

返回类别: 教程
上一教程: Google推出15个国家或地区新闻中央
下一教程: 互联网搜索大赛赛题讲解(十四)

您可以阅读与"制作网页时如何改变字体的颜色? "相关的教程:
· 如何制作自己的Windows Service Pack
· 超级链接时如何设定目标窗口?
· 用Word快捷键改变字号 令你办公更省力
· 中文网页制作中段落缩进的方式
· 如何共享两台LINUX操作系统的根目录
    微笑服务 优质保证 索取样品