当前位置:主页 > 脚本下载 > 广告代码 > 图片特效 > imgAreaSelect 基于jQuery的图片切割放大插件 0.94

imgAreaSelect 基于jQuery的图片切割放大插件 0.94

  • 脚本大小:124KB
  • 软件语言:简体中文
  • 脚本类型:国产软件
  • 脚本授权:免费软件
  • 更新时间:2011-03-10
  • 脚本类别:图片特效
  • 相关链接: 官方网址  演示地址
  • 应用平台:jquery
脚本评分
网友评分: 3
内容介绍热点排行下载地址相关内容
强大的基于jQuery的图片切割插件,图片选择框可以按一定的比例实现。
实例代码:

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>imgAreaSelect jQuery plugin - Examples</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="scripts/jquery.imgareaselect.pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" />
</head>
<body>
<div>
<script type="text/javascript">
$(function () {
$('#ladybug_ant').imgAreaSelect({ maxWidth: 200, maxHeight: 150, handles: true });
$('#bee').imgAreaSelect({ aspectRatio: '4:3', handles: true });
$('#duck').imgAreaSelect({ x1: 120, y1: 90, x2: 280, y2: 210 });
});
</script>
</div>
<p style="text-align: center;">
<img id="ladybug_ant" src="ladybug_ant.jpg" alt="A ladybug being harassed by an ant." title="A ladybug being harassed by an ant.">
</p>
<p style="text-align: center;">
<img id="bee" src="bee.jpg" alt="Busy bee" title="Busy bee">
</p>
<p style="text-align: center;">
<img id="duck" src="duck.jpg" alt="Why did the duck cross the road?" title="Why did the duck cross the road?">
</p>
</body>
</html>
截图:

标签:imgAreaSelect   图片切割  

人气脚本

下载地址

相关脚本

网友评论

下载声明

☉解压密码:www.jb51.net 就是本站主域名,希望大家看清楚。
☉推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v3.93 ] 以上版本解压本站电子书。
☉如果这个电子书总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
☉本站提供的一些商业电子书是供学习研究之用,如用于商业用途,请购买正版。
☉本站提供的imgAreaSelect 基于jQuery的图片切割放大插件 0.94资源来源互联网,版权归该下载资源的合法拥有者所有。

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

CopyRight © 2006-2017 脚本之家 JB51.Net , All Rights Reserved

苏ICP备14036222号