三种样式都是用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

　　推荐阅读

　　javascript面向对象编程(一) 实例代码

复制代码 代码如下: <script type="text/javascript"> var test = { numA: 10, objB: {}, arrC: [], init: function(){ alert(this.numA); }, sayHi: function(name){ alert("hello " + name); }, sayHelloWorld: >>>详细阅读

本文标题：jquery photoFrame 图片边框美化显示插件

地址：http://www.17bianji.com/kaifa2/JS/26147.html

 1/2    1