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 相关文章推荐
Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)
Mar 01 Javascript
js 数组克隆方法 小结
Mar 20 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
Node.js的特点和应用场景介绍
Nov 04 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
express express-session的使用小结
Dec 12 Javascript
详解JavaScript原型与原型链
Nov 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翻页类
2009/06/01 PHP
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
js实现简单的验证码
2015/12/25 Javascript
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
详解vue组件之间的通信
2020/08/30 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
详解Python中with语句的用法
2015/04/15 Python
Python编写简单的HTML页面合并脚本
2016/07/11 Python
详解将Django部署到Centos7全攻略
2018/09/26 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
python 使用paramiko模块进行封装,远程操作linux主机的示例代码
2020/12/03 Python
西班牙家用电器和电子产品购物网站:Mi Electro
2019/02/25 全球购物
网游商务专员求职信
2013/10/15 职场文书
物理教学随笔感言
2014/02/22 职场文书
公司接待方案
2014/03/08 职场文书
医院办公室主任岗位职责
2015/04/01 职场文书
单位计划生育责任书
2015/05/09 职场文书
音乐研修感悟
2015/11/18 职场文书
2016七夕情人节广告语
2016/01/28 职场文书
人事部:年度述职报告范文
2019/07/12 职场文书
python Tkinter模块使用方法详解
2022/04/07 Python