用xhtml+css写的相册自适应 - 类似九宫格[兼容 ff ie6 ie7 opear ]

2019-12-26,,,,

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://bbs.blueidea.com/attachments/2007/5/19/20070519_26707fa407132ea176d6MkdEZM9IABti.gif');}" alt="" src="http://bbs.blueidea.com/attachments/2007/5/19/20070519_26707fa407132ea176d6MkdEZM9IABti.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

功能:

1.图片可以缩放,外框也随之变动。

2.图片缩放后,居底对齐。

3.鼠标滑上去,边框有虚线。

结构:

screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('http://bbs.blueidea.com/attachments/2007/5/19/20070519_50b43c575212e5b4b601sOWbnXxVHfW4.gif');}" alt="" src="http://bbs.blueidea.com/attachments/2007/5/19/20070519_50b43c575212e5b4b601sOWbnXxVHfW4.gif" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>

源代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

  • 九宫格的含义 横竖斜三个数相加都等于15
  • 基于jQuery的简单九宫格实现代码
  • android 九宫格滑动解锁开机实例源码学习
  • Android 九宫格的实现方法
  • Java实现解出世界最难九宫格问题
  • js实现九宫格图片半透明渐显特效的方法
  • Android实现九宫格(GridView中各项平分空间)的方法
  • Android开发之实现GridView支付宝九宫格

《用xhtml+css写的相册自适应 - 类似九宫格[兼容 ff ie6 ie7 opear ].doc》

下载本文的Word格式文档,以方便收藏与打印。