Div+css菜单：一张图片实现翻转效果！疯狂代码！

Div+css菜单：一张图片实现翻转效果！

传统

思路方法制作这个翻转图效果

菜单

要把图片切成10块

还要加上JS鼠标交互效果

代码

现在完全用CSS来实现

图片只要

张即可以达到效果

\" border=\"0\" alt=\"\"/>

查看运行效果:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; char<img src='/icons/48860set.gif' />=utf-8\" /><title>www.52css.com</title><style type=\"text/css\"></style></head><body>  <ul id=\"imgmenu\">	<li id=\"activeh\"></li>	<li id=\"about\"></li>	<li id=\"pro\"></li>	<li id=\"faq\"></li>	<li id=\"contact\"></li>	</ul>  </body></html>

=\"ubbbuttonrt\">[ 可先修改部分代码再运行查看效果 ]

Tags:

Div+css菜单：一张图片实现翻转效果！

延伸阅读

最新评论

发表评论

赞助商广告

随机更新

热门标注

最近更新

最新标注