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 相关文章推荐
Knockout visible绑定使用方法
Nov 15 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
jquery实现可横向和竖向展开的动态下滑菜单效果
Aug 24 Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
vue-router源码之history类的浅析
May 21 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
js实现选项卡效果
Mar 07 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和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP中的事务使用实例
2015/05/26 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
Javascript - HTML的request类
2006/07/15 Javascript
JavaScript基本概念初级讲解论坛贴的学习记录
2009/02/22 Javascript
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
jquery ajax 局部无刷新更新数据的实现案例
2014/02/08 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
微信小程序使用二次贝塞尔曲线画波浪
2018/12/25 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
详解Python进程间通信之命名管道
2017/08/28 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
python 定时修改数据库的示例代码
2018/04/08 Python
基于pip install django失败时的解决方法
2018/06/12 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
会计电算化个人自我评价
2013/11/17 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
失恋33天观后感
2015/06/11 职场文书