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 新手学习常见问题解决方法
Apr 18 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
BootStrap中的Fontawesome 图标
May 25 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
详解vue中axios的封装
Jul 18 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
Javascript模拟实现new原理解析
Mar 03 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
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
php输出xml属性的方法
2015/03/19 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
window.print打印指定div实例代码
2013/12/13 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
快速学习JavaScript的6个思维技巧
2015/10/13 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
Python中的推导式使用详解
2015/06/03 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python根据url地址下载小文件的实例
2018/12/18 Python
django中forms组件的使用与注意
2019/07/08 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
学校采购员岗位职责
2014/01/02 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
校长四风对照检查材料
2014/09/27 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书