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和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
Jun 17 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
JavaScript的null和undefined区别示例介绍
Sep 15 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
Node.js学习之地址解析模块URL的使用详解
Sep 28 Javascript
web前端vue实现插值文本和输出原始html
Jan 19 Javascript
微信小程序http连接访问解决方案的示例
Nov 05 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
9个JavaScript日常开发小技巧
Oct 06 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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
CodeIgniter错误mysql_connect(): No such file or directory解决方法
2014/09/06 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
Mongoose学习全面理解(推荐)
2017/01/21 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
如何抽象一个Vue公共组件
2017/10/17 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python入门之modf()方法的使用
2015/05/15 Python
python中利用h5py模块读取h5文件中的主键方法
2018/06/05 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
解析python的局部变量和全局变量
2019/08/15 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
通过实例解析python subprocess模块原理及用法
2020/10/10 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
介绍一下你对SOA的认识
2016/04/24 面试题
优秀员工个人的自我评价
2013/11/29 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
创建文明城市倡议书
2015/04/28 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
检讨书之工作不认真
2019/08/14 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
mysql主从复制的实现步骤
2021/10/24 MySQL