| 这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有用。 其实在css里面有很多对a的样式应用，因为a标签是仅有的默认可以触发动作的标签，因此在很多时候可以用css来控制a达到js才能达到的效果，比如今天要介绍的css仿title和alt的提示效果： 先来分析一下这种效果的特点，无非就是在鼠标悬停的时候出现一个包含介绍文字的提示层，如果用传统的javascript来实现，就要设置对象的onmouseover和onmouseout属性，而如果把对象看作是a属性中的link和hover的话，这个问题就更清晰了，因为只要把对象的link属性设置为隐藏提示层、hover属性设置为呈现提示层即可，那么这个提示层的位置究竟在哪里呢？当然是在a标签中间了，目前常用的办法是把提示内容放在span标签中间进而包含在a标签内部，然后设置a：link和a：hover下不同的span样式即可。 下面结合代码给大家说一下这个简单的原理： www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 效果演示： 运行代码框 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 情缘.教程_网 [http://Www.XiuGoo.Com] www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行] |
|小黑屋|最新主题|手机版|微赢网络技术论坛
( 苏ICP备08020429号 )
GMT+8, 2024-9-29 19:17 , Processed in 0.282082 second(s), 12 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.
