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 DOM 添加事件
Feb 14 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
基于jquery的无限级联下拉框js插件
Oct 29 Javascript
jquery序列化方法实例分析
Jun 10 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 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_xmlhttp 乱码问题解决方法
2009/08/07 PHP
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2011/05/18 PHP
深入php-fpm的两种进程管理模式详解
2013/06/03 PHP
PHP实现GIF图片验证码
2015/11/04 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
2017/03/08 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
使用RN Animated做一个“添加购物车”动画的方法
2018/09/12 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
Node.js API详解之 readline模块用法详解
2020/05/22 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
Python实现线程池代码分享
2015/06/21 Python
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
取numpy数组的某几行某几列方法
2018/04/03 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
python 实现简易的记事本
2020/11/30 Python
土木工程师岗位职责
2013/11/24 职场文书
销售团队获奖感言
2014/08/14 职场文书
环保建议书作文400字
2015/09/14 职场文书
pdf论文中python画的图Type 3 fonts字体不兼容的解决方案
2021/04/24 Python