jquery photoFrame 图片边框美化显示插件 |
|
本文标签：photoFrame,图片边框 三种样式都是用photoframe实现的，我会继续丰富其样式，目标是拿来即用，简化页面代码 。 使用： 复制代码 代码如下: <link type="text/css" rel="stylesheet" href="stamp/style.css" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.photoFrame.js"></script> <script type="text/javascript"> $(function(){ $(".target1").photoFrame(); }); </script> <div class="target1"> <img src="images/1.jpg" /> </div> 参数 direction : top, bottom, left, right, topLeft, topRight, bottomLeft, bottomRight 目标： /阴影效果 /顶部banner效果 /邮票效果 毛边相框效果 云朵包围效果 问题（未解决）： 上下左右四个图片拉伸效果如何实现？ image解决方案：内置image并设置其width和height ie解决方案: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/counter_bg.jpg, sizingMethod=scale css3解决方案: ？ 在线演示地址http://demo.jb51.net/js/jquery.photoFrame/shadow.html 打包下载地址http://www.jb51.net/jiaoben/28010.html |
