找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1681|回复: 11

导航栏效果,求指导~~~

  [复制链接]
发表于 2011-10-26 10:56:06 | 显示全部楼层 |阅读模式
未命名.jpg

top222_04.jpg

top2_04.jpg

想做那种鼠标移过去,就更换效果的那种,我以前记得DW里就可以实现,现在想不起来,怎么实现了~~~
发表于 2011-10-26 11:32:51 | 显示全部楼层
<style>
.text a{
        background:url(.../style_bg_1.jpg) no-repeat;
}


.text a:hover{
        background:url(.../style_bg_2.jpg) no-repeat;
}
</style>
回复 支持 反对

使用道具 举报

发表于 2011-10-26 16:40:01 | 显示全部楼层
你说的是鼠标翻转图 百度一下。不过不建议这么干,这个是很久以前的东西了。用楼上的方法吧。
回复 支持 反对

使用道具 举报

发表于 2011-10-26 17:02:16 | 显示全部楼层
像一楼那样做,在IE6里面显示不出来吧。。。
回复 支持 反对

使用道具 举报

发表于 2011-10-26 19:33:59 | 显示全部楼层
简单实用就二楼的,效果需要炫点的,我记得有个lavalamp的jquery效果,还有类似的,基本原理都一样
回复 支持 反对

使用道具 举报

发表于 2011-10-26 22:18:35 | 显示全部楼层
good... ... ...
回复 支持 反对

使用道具 举报

发表于 2011-10-27 18:02:14 | 显示全部楼层
加上display:block; 要固定上a的大小
.text a:hover{
        background:url(.../style_bg_2.jpg) no-repeat;  display:block;
}
回复 支持 反对

使用道具 举报

发表于 2011-10-27 21:37:38 | 显示全部楼层
还是不太明白。。。
回复 支持 反对

使用道具 举报

发表于 2011-10-28 07:32:47 | 显示全部楼层
trista0516 发表于 2011-10-26 17:02
像一楼那样做,在IE6里面显示不出来吧。。。

写在A里面可以  但是写在DIV里面就不可以了
回复 支持 反对

使用道具 举报

发表于 2011-10-31 13:44:10 | 显示全部楼层
是鼠标经过图片这样的效果吗?
回复 支持 反对

使用道具 举报

发表于 2011-10-31 15:31:14 | 显示全部楼层
没有看到效果啊,你这是做的什么啊
回复 支持 反对

使用道具 举报

发表于 2011-10-31 16:27:38 | 显示全部楼层
做好鼠标经过前后的图片,同样大小,插入-图像-鼠标经过图像。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-22 05:50 , Processed in 0.066153 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表