jquery photoFrame 图片边框美化显示插件


Posted in Javascript onJune 28, 2010

三种样式都是用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.3water.com/js/jquery.photoFrame/shadow.html
打包下载地址https://3water.com/jiaoben/28010.html

Javascript 相关文章推荐
JavaScript类和继承 this属性使用说明
Sep 03 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
jQuery实现简单的抽奖游戏
May 05 jQuery
在vue-cli中组件通信的方法
Dec 16 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 #Javascript
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
Jun 28 #Javascript
Jquery ui css framework
Jun 28 #Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 #Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 #Javascript
js getElementsByTagName的简写方式
Jun 27 #Javascript
两种简单实现菜单高亮显示的JS类代码
Jun 27 #Javascript
You might like
PHP中路径问题的解决方案
2006/10/09 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
php&amp;mysql 日期操作小记
2012/02/27 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
PHP实现百度人脸识别
2019/05/06 PHP
php session_decode函数用法讲解
2019/05/26 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
jQuery 技巧小结
2010/04/02 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
关于JavaScript数组去重的一些理解汇总
2020/09/10 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
Python中optparse模块使用浅析
2015/01/01 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
python3中zip()函数使用详解
2018/06/29 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
教学器材管理制度
2014/01/26 职场文书
好习惯伴我成长演讲稿
2014/05/21 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
亮剑精神观后感
2015/06/05 职场文书
工商局调档介绍信
2015/10/22 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL