手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery photoFrame 图片边框美化显示插件
jquery photoFrame 图片边框美化显示插件
摘要:三种样式都是用photoframe实现的,我会继续丰富其样式,目标是拿来即用,简化页面代码。使用:复制代码代码如下:$(function()...

三种样式都是用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>

<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.jb51.net/js/jquery.photoFrame/shadow.html

打包下载地址http://www.jb51.net/jiaoben/28010.html

【jquery photoFrame 图片边框美化显示插件】相关文章:

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

jQuery插件expander实现图片翻转特效

分享十五款 jQuery 社交网络分享插件

javascript实现点击后变换按钮显示文字的方法

jquery实现的判断倒计时是否结束代码

jQuery zTree加载树形菜单功能

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

Jquery注册事件实现方法

JQuery boxy插件在IE中边角图片不显示问题的解决

jQuery实现表格行上下移动和置顶效果

精品推荐
分类导航