jquery photoFrame 圖片邊框美化顯示插件
更新時間：2010年06月28日 19:42:42 作者：
jquery.photoFrame是很方便的一個相框插件，原理也很簡單，將選定對象用九宮格table包裹，再設(shè)置其邊框的背景圖片即可。
三種樣式都是用photoframe實現(xiàn)的，我會繼續(xù)豐富其樣式，目標(biāo)是拿來即用，簡化頁面代碼。
使用：
<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
目標(biāo)：
/陰影效果
/頂部banner效果
/郵票效果
毛邊相框效果
云朵包圍效果
問題（未解決）：
上下左右四個圖片拉伸效果如何實現(xiàn)？
image解決方案：內(nèi)置image并設(shè)置其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.dhdzp.com/jiaoben/28010.html
使用：
復(fù)制代碼 代碼如下:
<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
目標(biāo)：
/陰影效果
/頂部banner效果
/郵票效果
毛邊相框效果
云朵包圍效果
問題（未解決）：
上下左右四個圖片拉伸效果如何實現(xiàn)？
image解決方案：內(nèi)置image并設(shè)置其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.dhdzp.com/jiaoben/28010.html
相關(guān)文章
jquery keypress,keyup,onpropertychange鍵盤事件
項目所需，在試圖用js實現(xiàn)這樣的功能：文本框失去焦點時，判斷輸入字符串的長度，以驗證是否超出范圍，超出范圍則自動截取。2010-06-06
js根據(jù)json數(shù)據(jù)中的某一個屬性來給數(shù)據(jù)分組的方法
今天小編就為大家分享一篇js根據(jù)json數(shù)據(jù)中的某一個屬性來給數(shù)據(jù)分組的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
關(guān)鍵詞匹配搜索想必大家一定會想到百度，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
本文主要介紹jQuery 3中一些新增的特性和一些變更的特性，以及一些廢棄刪除的特性，另外介紹了jQuery 3.0 最大的變化就是徹底放棄對 IE8 的支持，大家可以先看一下。2016-04-04
javascript和jquery修改a標(biāo)簽的href屬性
a標(biāo)簽的href如何修改，下面為大家介紹下使用javascript或jquery來簡單實現(xiàn)，感興趣的朋友可以參考下2013-12-12
Jquery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架。它是輕量級的js庫(壓縮后只有21k) ，它兼容CSS3，還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)2013-06-06
這篇文章主要介紹了jQuery中的類名選擇器（.class）用法,簡單介紹了jQuery類名選擇器的概念、原理并結(jié)合實例形式分析了類選擇器的簡單使用方法,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了jQuery插件實現(xiàn)文件上傳功能，可支持拖拽文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
jquery 動態(tài)合并單元格的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query 動態(tài)合并單元格的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
用jQuery獲取table中行id和td值的實現(xiàn)代碼
下面小編就為大家?guī)硪黄胘Query獲取table中行id和td值的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05