血检怀孕会出错吗:CSS实现同一图片左右半边加链接导航 - CSS - web - JavaEye论坛

来源:百度文库 编辑:九乡新闻网 时间:2024/05/01 06:16:09
相关文章:  
  • 做了一个遮罩层
  • jquery漂亮的按扭控件(源代码共享)
  • How to Build a CSS Image Viewer

推荐圈子: EXT
更多相关推荐

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

 

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

 

Html代码  
  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2.   
  3.   
  4.   
  5.   
  6.   
  7.   
  8.   
  9.   
  10.   
  11.  class="imgBox">  
  12.      src="http://www.w3schools.com/images/pulpit.jpg"/>  
  13.      class="left" onclick="alert('left');"> 
  
  •      class="right" onclick="alert('right');"> 
  •   
  •   
  •   
  •   
  •