萝卜头IT论坛

搜索
查看: 8467|回复: 9
收起左侧

[其他] 求指教,网站logo的这种效果是如何用php实现的

[复制链接]
发表于 2013-9-27 08:49:11 | 显示全部楼层 |阅读模式
先上一张网站logo图
logo.gif

这张图是透明背景的,所以看上去有点奇怪
效果是当鼠标移到这张图上,它显示的是下面一半,鼠标离开的时候显示的是上面一半
这个是怎么做到的?????@nkc3g4 @鱼雁可


logo.gif
回复

使用道具 举报

 楼主| 发表于 2013-9-28 12:39:01 | 显示全部楼层
nkc3g4 发表于 2013-9-28 11:37
不需要php  一些js代码就可以。

能不能写一段示例代码?
回复

使用道具 举报

发表于 2013-9-28 12:54:56 | 显示全部楼层
蓅煋の眼涙 发表于 2013-9-28 12:39
能不能写一段示例代码?

@鱼雁可
回复

使用道具 举报

发表于 2013-9-28 22:30:37 | 显示全部楼层
鱼雁可 发表于 2013-9-28 20:40
http://pan.baidu.com/share/link?shareid=1250326028&uk=204499682

这效果叫什么
回复

使用道具 举报

发表于 2013-9-28 22:43:36 | 显示全部楼层
鱼雁可 发表于 2013-9-28 20:40
css代码  代码详细实例下载地址在这http://pan.baidu.com/share/link?shareid=1250326028&uk=204499682 ...

回复

使用道具 举报

 楼主| 发表于 2013-9-28 23:57:50 | 显示全部楼层
鱼雁可 发表于 2013-9-28 20:40
http://pan.baidu.com/share/link?shareid=1250326028&uk=204499682

收下了,好好研究研究
回复

使用道具 举报

 楼主| 发表于 2013-10-2 20:30:34 | 显示全部楼层

用的是a:hover伪类,实现鼠标悬停效果
回复

使用道具 举报

 楼主| 发表于 2013-10-2 20:31:12 | 显示全部楼层
鱼雁可 发表于 2013-9-28 20:40
css代码  代码详细实例下载地址在这http://pan.baidu.com/share/link?shareid=1250326028&uk=204499682 ...

这个代码是不是从那个网站上扣下来的?
回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-3-29 06:59 , Processed in 0.112112 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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