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的函数、创建对象、封装、属性和方法、继承
Mar 10 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
node.js中的console.assert方法使用说明
Dec 10 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
JavaScript数据结构中串的表示与应用实例
Apr 12 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
浅析php创建者模式
2014/11/25 PHP
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
js使用数组判断提交数据是否存在相同数据
2013/11/27 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
js中的闭包实例展示
2018/11/01 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
浅谈Vue项目骨架屏注入实践
2019/08/05 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
python并发2之使用asyncio处理并发
2017/12/21 Python
python爬虫基础教程:requests库(二)代码实例
2019/04/09 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
本科生详细的自我评价
2013/09/19 职场文书
函授毕业生自我鉴定
2013/11/06 职场文书
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
2014年人事部工作总结
2014/12/03 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
JVM钩子函数的使用场景详解
2021/08/23 Java/Android