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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
关于this和self的使用说明
Aug 01 Javascript
JS文本框追加多个下拉框的值的简单实例
Jul 12 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JSONP之我见
Mar 24 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
jQuery实现的自适应焦点图效果完整实例
Aug 24 Javascript
es6学习笔记之Async函数的使用示例
May 11 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 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 在文件指定行插入数据的代码
2010/05/08 PHP
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
浅析PHP程序设计中的MVC编程思想
2014/07/28 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
php动态变量定义及使用
2015/06/10 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
js实现iframe动态调整高度的代码
2008/01/06 Javascript
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
jQuery鼠标悬停内容动画切换效果
2017/04/27 jQuery
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
详解js类型判断
2018/05/22 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
Python基于有道实现英汉字典功能
2015/07/25 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
python:解析requests返回的response(json格式)说明
2020/04/30 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
WebSphere 应用服务器都支持哪些认证
2013/12/26 面试题
银行见习期自我鉴定
2014/01/29 职场文书
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
出生公证委托书
2014/04/03 职场文书
歌咏比赛主持词
2015/06/29 职场文书
大学军训心得体会800字
2016/01/11 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python