首页 » 建站技术 » 浏览内容

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


2008-10-23 16:15:37 2,963 views 0 发表评论 字体: 作者:C.K.

来自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,请删除,未验证,有兴趣的试试吧!

评论 0 条回应 (访客:0 条, 博主:0 条) 发表

  1. 暂无评论,快抢沙发吧。

发表评论

  • 插入图像

要发表评论,您必须先登录