首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS兑现同一图片左右半边加链接导航

2012-10-31 
CSS实现同一图片左右半边加链接导航不知道我这个标题把效果说明白没有,效果是这样的,如QQ空间查看好友日志

CSS实现同一图片左右半边加链接导航

不知道我这个标题把效果说明白没有,效果是这样的,如QQ空间查看好友日志中的图片时,弹出的图片中,鼠标放在图片左右两边时,分别显示左右箭头,点击鼠标分别进入前一张图片或后一张图片。QQ空间有一个巨大的js库,它这个效果是用js实现的,下面是我用CSS实现的,很简单的代码,抛砖引玉,考虑其他情况,可以做成更高级的效果。

?

DEMO演示:http://lyjweb.appspot.com/image-nav.html

?

?

1 楼 binlaniua 2010-10-27   不错, 很多图片浏览都是这样的波 2 楼 mr_sunq 2011-02-22   学习了,谢谢,很有用处的 3 楼 stand 2011-03-08   学习了,这个方法真的很不错 4 楼 mozhi_xiaotong 2011-03-18      还是觉得用脚本写的比较好,这个CSS在IE6以上版本中的Quirks文本模式下是不好用的,其它模式和FF浏览器中都好用。
    Quirks模式也称怪异模式(或是兼容模式),我也觉得很怪异,至今未找到能兼容这种模式的CSS实现同样效果。

热点排行