仿人人、开心网弹出框 (好友买卖弹出效果)

一直很喜欢漂亮的弹出窗口效果，但是要不代码异常庞大，要不就是兼容问题一大堆
偶然在人人，也就是原来校内的“好友买卖”时候看到了那个漂亮的弹出窗口
半透明的黑边，朴素的结构布局，非常适宜的按钮显示
于是把页面另存为，一点点扒代码才发现显示部分居然是ajax返回后生成的...十分无语
2个JS文件，2个CSS文件，一段ajax代码

... ...

大约1年过去了...因为很多代码都要考虑兼容问题，所以要用到了FF，偶然间又拿出了这代码才发现，FF下面无效果，CSS使用的居然只有IE的滤镜...唉 失望

.pop_dialog_border{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xnimg.cn/img/pop_dialog_border.png',sizingMethod='scale') !important;
BACKGROUND-IMAGE: none
}

一直干的是JAVA，前台的JS和CSS自学才了解了一些，想要效果只能开始自己动手丰衣足食了
因为校内网使用的是PNG图片(看域名也能了解xnimg.cn也就是“校内图片”的一个简称)
而且又把背景图用成了none
如果想兼容FF只能使用background-image，不过如果FF正常显示的话IE又有白边了
不知道“校内”的开发人员为啥不管FF呢？难道没人用？？
PS ... 当然是Photoshop了，为了都能使只能自己做GIF了，虽然GIF效果一般，但总比无解的好
随便画了几个10×10的小图，还不错能看得过去  哈哈 我是“忍”者

为了对得起我之前见上帝的脑细胞还是费劲的弄出来了个样子(不过我还是不喜欢使用图片展示)看来有的效果还是只能是用图片了...再看来我还是只适合去做JAVA的程序开发...



同样适用之前的blog里面的遮挡层，只不过没有再去写自动调整大小，到项目里在写了

评论

2 楼 happysoul 2011-02-18  

RepublicW 写道

LZ好东西

这个真不好... 真用的时候就会发现问题了！ 网络问题会导致图片加载不完全
你可以看看改进版的
http://happysoul.iteye.com/blog/606847
也就是下一篇日志

1 楼 RepublicW 2011-02-18  

LZ好东西