实现放大,下坠消失,扩散消失效果
来源:互联网 发布:java加密解密算法代码 编辑:程序博客网 时间:2024/04/29 06:31
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Custom Effects Demo</title>
<link rel="stylesheet" type="text/css" href="../common.css">
<script type="text/javascript"
src="../scripts/jquery-1.2.1.js"></script>
<script type="text/javascript"
src="../scripts/jquery.dimensions.js"></script>
<script type="text/javascript">
$(function(){
$('#scaleButton').click(function(){
$('#testSubject').each(function(){
$(this).animate(
{
width: $(this).width() * 2,
height: $(this).height() * 2
},
'slow'
);
});
});
$('#dropButton').click(function(){
$('#testSubject').each(function(){
$(this)
.css('position','relative')
.animate(
{
opacity: 'hide',
top: $(window).height() - $(this).height() -
$(this).position().top
},
'slow',
function(){ $(this).hide(); });
});
});
$('#puffButton').click(function(){
$('#testSubject').each(function(){
var position = $(this).position();
$(this)
.css({position:'absolute',top:position.top,
left:position.left})
.animate(
{
opacity: 'hide',
width: $(this).width() * 5,
height: $(this).height() * 5,
top: position.top - ($(this).height() * 5 / 2),
left: position.left - ($(this).width() * 5 / 2)
},
'normal');
});
});
});
</script>
</head>
<body>
<h1>Custom Effects Demo</h1>
<fieldset>
<legend>Custom Effects</legend>
<img src="IMG_2298.jpg" id="testSubject"/>
<div>
<button type="button" id="scaleButton">Scale</button>
<button type="button" id="dropButton">Drop</button>
<button type="button" id="puffButton">Puff</button>
</div>
</fieldset>
</body>
</html>
- 实现放大,下坠消失,扩散消失效果
- iOS编程——最简单的实现UITableView下拉时顶部图片放大消失的效果
- Android View部分消失效果实现
- ios 边跳边消失效果
- 文本框实现默认显示单击消失的效果
- setAnimationStyle实现的popwindow显示消失的动画效果
- 类似QQ消息条数拖拽消失动画效果的实现
- setAnimationStyle实现的popwindow显示消失的动画效果
- android实现水流效果持续一段时间后消失。
- UITableView实现多选时没有效果/控件背景颜色消失了?
- JS实现输入框提示文字点击时消失效果
- 实现RecyclerView类似3D效果的消失
- 圆角内图片放大会使圆角消失的解决方案
- UIAlertView 实现自动消失
- JS实现逐个消失
- VB窗体效果--淡化消失
- 导航栏消失动画效果
- iOS按钮点击效果消失
- win7 所有EXE文件双击不能直接打开,弹出打开方式对话框
- MFC简单数据类型类及其转换
- etwyhtrjhn
- 进程
- 高数数学符号读法
- 实现放大,下坠消失,扩散消失效果
- 下一次面试前你需要准备的五个基本步骤
- 有效的学习
- 烟草绩效考核模块清单
- 选择就是一不小心的事
- 在JSP中声明出错页面
- 程序员:下一次面试前你需要准备的五个基本步骤
- 网站高数据量访问解决方案
- What’s New in ASP.NET MVC 2