使用:
<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解决方案: ?
没有合适的资源?快使用搜索试试~ 我知道了~
非常漂亮的Js图片边框修饰插件附源码示例
共56个文件
gif:31个
jpg:10个
db:5个
4星 · 超过85%的资源 需积分: 9 37 下载量 80 浏览量
2010-07-26
11:43:24
上传
评论
收藏 654KB RAR 举报
温馨提示
非常漂亮的Js图片边框修饰插件附源码示例 非常漂亮的Js图片边框修饰插件附源码示例
资源推荐
资源详情
资源评论
收起资源包目录
非常漂亮的Js图片边框修饰插件附源码示例.rar (56个子文件)
codefans.net
jquery_photoFrame
topbanner.html 1KB
shadow.html 1KB
stamp.html 600B
jquery.photoFrame.txt 841B
images
2.jpg 18KB
1.jpg 64KB
3.jpg 35KB
5.jpg 30KB
4.jpg 93KB
Thumbs.db 23KB
shadow
t.gif 63B
l.gif 67B
tl.gif 152B
b.gif 62B
r.gif 67B
ico.gif 9KB
bl.gif 148B
br.gif 148B
Thumbs.db 20KB
effect.jpg 6KB
tr.gif 152B
effect2.jpg 38KB
style.css 635B
jquery.photoFrame.js 4KB
jquery-1.4.2.min.js 71KB
topbanner
images
t.gif 64B
l.gif 679B
effect_06.gif 490B
tl.gif 270B
r.gif 698B
effect.html 990B
ico.gif 9KB
Thumbs.db 16KB
effect_03.gif 16KB
tr.gif 169B
t.gif 64B
l.gif 679B
tl.gif 270B
r.gif 698B
m.gif 190B
Thumbs.db 15KB
effect.jpg 14KB
tr.gif 169B
style.css 647B
stamp
t.gif 15KB
l.gif 15KB
tl.gif 2KB
b.gif 16KB
r.gif 16KB
bl.gif 3KB
br.gif 3KB
Thumbs.db 24KB
effect.jpg 162KB
tr.gif 3KB
effect2.jpg 48KB
style.css 623B
共 56 条
- 1
资源评论
- as159258sd2014-12-11还可以用用啦
a350752425
- 粉丝: 54
- 资源: 2136
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功