与众不同的CSS实现简单Lightbox效果

林继 VPS 知识 3,014 共写了361个字 (2008-10-23 16:15:37) 没有评论 打印 扫描二维码 百度已收录

来自Bitrac的一段简单代码,只要加到自己的主题CSS就可以实现效果(仅限于缩放,不能用于链接)
用在bo-blog上就是下面的,加到模板CSS文件的最后.

.insertimage {
max-width:600px;height:auto;cursor:pointer;
border:1px dashed #4E6973;padding: 3px;
zoom:expression( function(elm) {
if (elm.width>560) {
var oldVW = elm.width; elm.width=560;
elm.height = elm.height*(560 /oldVW);
}
elm.style.zoom = '1';
}(this));
}

如果CSS中已有insertimage,请删除,未验证,有兴趣的试试吧!

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >