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


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需刷新才能执行]


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3