jquery photoFrame 圖片邊框美化顯示插件
更新時間：2010年06月28日 19:42:42 作者：
jquery.photoFrame是很方便的一個相框插件，原理也很簡單，將選定對象用九宮格table包裹，再設置其邊框的背景圖片即可。
三種樣式都是用photoframe實現(xiàn)的，我會繼續(xù)豐富其樣式，目標是拿來即用，簡化頁面代碼。
使用：
<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>
參數(shù)
direction : top, bottom, left, right, topLeft, topRight, bottomLeft, bottomRight
目標：
/陰影效果
/頂部banner效果
/郵票效果
毛邊相框效果
云朵包圍效果
問題（未解決）：
上下左右四個圖片拉伸效果如何實現(xiàn)？
image解決方案：內置image并設置其width和height
ie解決方案: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/counter_bg.jpg', sizingMethod='scale'
css3解決方案: ？
在線演示地址http://demo.jb51.net/js/jquery.photoFrame/shadow.html
打包下載地址http://www.dbjr.com.cn/jiaoben/28010.html
使用：
復制代碼 代碼如下:
<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>
參數(shù)
direction : top, bottom, left, right, topLeft, topRight, bottomLeft, bottomRight
目標：
/陰影效果
/頂部banner效果
/郵票效果
毛邊相框效果
云朵包圍效果
問題（未解決）：
上下左右四個圖片拉伸效果如何實現(xiàn)？
image解決方案：內置image并設置其width和height
ie解決方案: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/counter_bg.jpg', sizingMethod='scale'
css3解決方案: ？
在線演示地址http://demo.jb51.net/js/jquery.photoFrame/shadow.html
打包下載地址http://www.dbjr.com.cn/jiaoben/28010.html
相關文章
單選按鈕以及復選按鈕的使用情況還是蠻多的，接下來為大家介紹下通過JQuery操作單選按鈕和復選按鈕，希望對大家有所幫助2013-09-09
本文主要介紹了jQuery中$.ajax()方法的具體使用，$.ajax(url,[settings])通過 HTTP 請求加載遠程數(shù)據(jù)，文中通過示例代碼詳細的介紹了$.ajax()的用法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
這篇文章主要介紹了基于jQuery實現(xiàn)左右圖片輪播，實現(xiàn)原理通用可通用，希望能和大家分享一下思路，感興趣的小伙伴們可以參考一下2015-12-12
在本篇文章里小編給大家整理的是一篇關于jQuery沖突問題解決方法，有興趣的朋友們可以學習下。2021-01-01
JQuery中attr方法和removeAttr方法用法實例
這篇文章主要介紹了JQuery中attr方法和removeAttr方法用法,實例分析了jQuery中attr方法設置屬性與removeAttr方法移除屬性的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
jquery UI Datepicker時間控件的使用方法（基礎版）
這篇文章主要介紹了jquery ui datepicker時間控件的使用方法，需要的朋友可以參考下2015-11-11
jquery實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】
下面小編就為大家?guī)硪黄猨query實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05
本文主要介紹了使用jQuery操作DOM的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了JQuery節(jié)點元素屬性操作方法,實例分析了attr與removeAttr方法操作節(jié)點元素屬性的相關使用技巧,需要的朋友可以參考下2015-06-06
jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求。接下來通過本文給大家介紹jQuery.Validate表單驗證插件的使用示例，一起看看吧2017-01-01