jquery photoFrame 图片边框美化显示插件
更新时间：2010年06月28日 19:42:42 作者：
jquery.photoFrame是很方便的一个相框插件，原理也很简单，将选定对象用九宫格table包裹，再设置其边框的背景图片即可。
三种样式都是用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
打包下载地址https://www.jb51.net/jiaoben/28010.html
使用：
复制代码 代码如下:
<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
打包下载地址https://www.jb51.net/jiaoben/28010.html
相关文章
jquery keypress,keyup,onpropertychange键盘事件
项目所需，在试图用js实现这样的功能：文本框失去焦点时，判断输入字符串的长度，以验证是否超出范围，超出范围则自动截取。2010-06-06
今天小编就为大家分享一篇js根据json数据中的某一个属性来给数据分组的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
关键词匹配搜索想必大家一定会想到百度，下面有个不错的示例，感兴趣的朋友可以参考下2013-09-09
本文主要介绍jQuery 3中一些新增的特性和一些变更的特性，以及一些废弃删除的特性，另外介绍了jQuery 3.0 最大的变化就是彻底放弃对 IE8 的支持，大家可以先看一下。2016-04-04
a标签的href如何修改，下面为大家介绍下使用javascript或jquery来简单实现，感兴趣的朋友可以参考下2013-12-12
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)2013-06-06
这篇文章主要介绍了jQuery中的类名选择器（.class）用法,简单介绍了jQuery类名选择器的概念、原理并结合实例形式分析了类选择器的简单使用方法,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了jQuery插件实现文件上传功能，可支持拖拽文件上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
下面小编就为大家带来一篇jquery 动态合并单元格的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
下面小编就为大家带来一篇用jQuery获取table中行id和td值的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论