• 王东峰主持召开河北雄安新区规划建设工作领导小组会议 2019-04-19
  • 那样的大环境,谁都难免搞腐败,官员用腐败证明,政治路线是决定一切的,路线不正确,好干部要 变坏,精英会变坏,带领社会风气变坏,慢慢地改变社会性质。 2019-04-19
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2019-04-16
  • 吃饭要人喂是行为退化 2019-04-12
  • 阿根廷VS冰岛:冰岛队全力死守抗强敌 2019-04-04
  • 海外版开放谈:开放促内陆高质量发展 2019-03-28
  • 女性之声——全国妇联 2019-03-27
  • 《舌尖上的中国》陈晓卿新作《风味人间》即将登场 2019-03-27
  • 呵呵。。。你这是没有耐力和极不对称的高手。真正的高手过招会有很多的精彩回合。 2019-03-22
  • 图说互联网(21期)iPhone的10年 下一个10年属于谁? 2019-03-18
  • 欢迎访问

    云南十一选5走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    纯CSS技术实现链接列表悬停效果

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com 当鼠标滑向链接块时,展示悬停的效果,这种效果在很多网站用到。本文要说的悬停效果是指鼠标滑向链接时出现的悬停效果。

    首先看我做的一个演示DEMO。

    先写HTML代码:

    HTML代码很简单,由于IE浏览器只支持链接元素的:hover,文本内容包含在标签内。但是我们可以在标签内加和标签。

    • Link Heading One Description of link.Date posted
    • Link Heading One Description of link.Date posted

    再来看CSS,为了在IE上正常显示,我们需要将列表li:a的宽度设置和ul的宽度值一样,否则鼠标悬停效果只能显示在文本框内。

    #links ul{ list-style-type: none;width: 400px; margin:20px auto}

    #links li {border: 1px dotted #999;border-width: 1px 0;margin: 5px 0;}

    #links li a { color: #990000;display: block;font: bold 120% Arial, Helvetica, sans-serif;padding: 5px;text-decoration: none;}?

    * html #links li a {width: 400px;} #links li a:hover {background: #ffffcc;}?

    #links a em { color: #369;display: block;font: normal 85% Verdana, Helvetica, sans-serif;line-height:16px}?

    #links a span {color: #125F15;font: normal 70% Verdana, Helvetica, sans-serif;line-height: 16px;}

    这并不一定是世界上最标准的写法,当然你可能还会有其他的写法来实现鼠标悬停效果。其实javascript可以做出其他很多很酷的悬停效果,我们在项目中会考虑用户的需求,根据需求提供不同的解决方案。对上面说讲的鼠标悬停效果,用纯CSS来实现当然是最好的解决方案。

    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • 王东峰主持召开河北雄安新区规划建设工作领导小组会议 2019-04-19
  • 那样的大环境,谁都难免搞腐败,官员用腐败证明,政治路线是决定一切的,路线不正确,好干部要 变坏,精英会变坏,带领社会风气变坏,慢慢地改变社会性质。 2019-04-19
  • 计划经济是根据政府计划调节经济活动的经济运行体制。又称为指令型经济。小萌以为是各经济组织把自己制订的计划上报一下就叫计划经济? 2019-04-16
  • 吃饭要人喂是行为退化 2019-04-12
  • 阿根廷VS冰岛:冰岛队全力死守抗强敌 2019-04-04
  • 海外版开放谈:开放促内陆高质量发展 2019-03-28
  • 女性之声——全国妇联 2019-03-27
  • 《舌尖上的中国》陈晓卿新作《风味人间》即将登场 2019-03-27
  • 呵呵。。。你这是没有耐力和极不对称的高手。真正的高手过招会有很多的精彩回合。 2019-03-22
  • 图说互联网(21期)iPhone的10年 下一个10年属于谁? 2019-03-18