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 相关文章推荐
动态为事件添加js代码示例
Feb 15 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
jquery easyui combobox模糊过滤(示例代码)
Nov 30 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
jQuery事件对象总结
Oct 17 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
php 常用算法和时间复杂度
2013/07/01 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
破解Session cookie的方法
2006/07/28 Javascript
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
Seajs的学习笔记
2014/03/04 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
2019/08/01 Javascript
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
Python global全局变量函数详解
2018/09/18 Python
详解python分布式进程
2018/10/08 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
python exit出错原因整理
2020/08/31 Python
用python进行视频剪辑
2020/11/02 Python
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
管理学专业个人求职信范文
2013/12/13 职场文书
代理协议书
2014/04/22 职场文书
宣传工作经验材料
2014/06/02 职场文书
计算机求职信
2014/07/02 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
PHP实现创建以太坊钱包转账等功能
2021/04/21 PHP