<!DOCTYPE html>
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html;charset=UTF-8' http-equiv='content-type'>
<title>jQuery 360度图片旋转插件sprite spin在线演示</title>
<script src="javascripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="javascripts/jquery-ui-1.8.4.all.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.spritespin.js" type="text/javascript"></script>
<link href="css/jquery-ui-1.8.4.all.css" media="screen, projection" rel="stylesheet" type="text/css" />
<style type="text/css">
.preload {
background : url('images/ajax-loader.gif') no-repeat 50% 50%;
}
</style>
<script type="text/javascript">
$(function(){
$("#spritespin").spritespin({
width : 80,
height : 80,
image : "images/spritespin.jpg",
frame : 0,
frames : 71,
animate : true,
loop : true,
behavior:"spin"
});
$("#bike").spritespin({
width : 480,
height : 327,
frames : 34,
image : [
"images/rad_zoom_001.jpg",
"images/rad_zoom_002.jpg",
"images/rad_zoom_003.jpg",
"images/rad_zoom_004.jpg",
"images/rad_zoom_005.jpg",
"images/rad_zoom_006.jpg",
"images/rad_zoom_007.jpg",
"images/rad_zoom_008.jpg",
"images/rad_zoom_009.jpg",
"images/rad_zoom_010.jpg",
"images/rad_zoom_011.jpg",
"images/rad_zoom_012.jpg",
"images/rad_zoom_013.jpg",
"images/rad_zoom_014.jpg",
"images/rad_zoom_015.jpg",
"images/rad_zoom_016.jpg",
"images/rad_zoom_017.jpg",
"images/rad_zoom_018.jpg",
"images/rad_zoom_019.jpg",
"images/rad_zoom_020.jpg",
"images/rad_zoom_021.jpg",
"images/rad_zoom_022.jpg",
"images/rad_zoom_023.jpg",
"images/rad_zoom_024.jpg",
"images/rad_zoom_025.jpg",
"images/rad_zoom_026.jpg",
"images/rad_zoom_027.jpg",
"images/rad_zoom_028.jpg",
"images/rad_zoom_029.jpg",
"images/rad_zoom_030.jpg",
"images/rad_zoom_031.jpg",
"images/rad_zoom_032.jpg",
"images/rad_zoom_033.jpg",
"images/rad_zoom_034.jpg",
],
animate : true,
loop : true,
frameTime : 60,
fadeFrames : 20,
fadeInTime : 0,
fadeOutTime : 120
});
$("#bike2").spritespin({
width : 640,
height : 437,
frames : 34,
image : "images/bike.jpg",
frameTime : 60
});
//$("#bike2").spritespin({
// width : 480,
// height : 327,
// frames : 34,
// framesX : 6,
// image : "images/bike6x6.jpg",
// frameTime : 60
//});
//$("#bike2").spritespin({
// width : 640,
// height : 437,
// frames : 34,
// framesX : 6,
// image : "images/bike6x6_big.jpg",
// frameTime : 60
//});
});
</script>
</head>
<body>
<div style="width:800px;margin:0 auto;padding-left:200px">
<div id="spritespin"></div>
<div id="bike"></div>
<div id="bike2"></div>
<div id="bike3"></div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于jQuery实现的360度图片旋转插件sprite spin源码.zip
共56个文件
jpg:35个
png:14个
js:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 96 浏览量
2022-11-10
00:28:02
上传
评论
收藏 2.7MB ZIP 举报
温馨提示
基于jQuery实现的360度图片旋转插件sprite spin源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
基于jQuery实现的360度图片旋转插件sprite spin源码.zip (56个子文件)
132689890897718613
css
images
ui-icons_222222_256x240.png 9KB
ui-bg_glass_100_f6f6f6_1x400.png 192B
ui-bg_highlight-soft_75_ffe45c_1x100.png 232B
ui-bg_gloss-wave_35_f6a828_500x100.png 4KB
ui-bg_flat_10_000000_40x100.png 314B
ui-icons_228ef1_256x240.png 9KB
ui-icons_ffd27a_256x240.png 9KB
ui-bg_glass_100_fdf5ce_1x400.png 212B
ui-bg_highlight-soft_100_eeeeee_1x100.png 195B
ui-bg_glass_65_ffffff_1x400.png 181B
ui-icons_ffffff_256x240.png 9KB
ui-bg_diagonals-thick_20_666666_40x40.png 398B
ui-bg_diagonals-thick_18_b81900_40x40.png 405B
ui-icons_ef8c08_256x240.png 9KB
jquery-ui-1.8.4.all.css 33KB
images
rad_zoom_001.jpg 38KB
rad_zoom_005.jpg 35KB
rad_zoom_006.jpg 33KB
rad_zoom_015.jpg 39KB
rad_zoom_016.jpg 39KB
rad_zoom_025.jpg 17KB
rad_zoom_024.jpg 20KB
rad_zoom_034.jpg 38KB
rad_zoom_023.jpg 27KB
rad_zoom_017.jpg 38KB
rad_zoom_032.jpg 37KB
rad_zoom_014.jpg 37KB
ajax-loader.gif 723B
rad_zoom_003.jpg 37KB
rad_zoom_022.jpg 31KB
rad_zoom_010.jpg 21KB
rad_zoom_026.jpg 14KB
rad_zoom_009.jpg 15KB
rad_zoom_020.jpg 35KB
rad_zoom_019.jpg 36KB
rad_zoom_031.jpg 35KB
rad_zoom_030.jpg 33KB
rad_zoom_029.jpg 29KB
rad_zoom_004.jpg 37KB
rad_zoom_007.jpg 29KB
rad_zoom_012.jpg 32KB
rad_zoom_018.jpg 38KB
rad_zoom_008.jpg 22KB
rad_zoom_002.jpg 38KB
rad_zoom_011.jpg 27KB
rad_zoom_033.jpg 37KB
rad_zoom_027.jpg 18KB
rad_zoom_021.jpg 34KB
rad_zoom_028.jpg 24KB
icon_0.gif 846B
rad_zoom_013.jpg 35KB
bike.jpg 1.69MB
javascripts
jquery-ui-1.8.4.all.min.js 197KB
jquery.spritespin.js 23KB
jquery-1.4.2.min.js 70KB
index.html 4KB
共 56 条
- 1
资源评论
毕业_设计
- 粉丝: 1942
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功