• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

想要锦旗动起来,应该怎么办呢?

那就要用到我们的动画()方法了。

动画()方法执行半铸钢钢性铸铁(铸造半钢)属性集的自定义动画。

定义和用法:

动画()方法执行半铸钢钢性铸铁(铸造半钢)属性集的自定义动画。

该方法通过半铸钢钢性铸铁(铸造半钢)样式将元素从一个状态改变为另一个状态100 .半铸钢钢性铸铁(Cast Semi-Steel)属性值是逐渐改变的,这样就可以创建动画效果。

只有数字值可创建动画(比如保证金:30 px’)。字符串值无法创建动画(比如背景色:红色).

注释:使用'=' 或'-=' 来创建相对动画(相对动画).

代码:

!声明文档类型

超文本标记语言

meta charset='utf-8 '

脚本src=' js/jquery-3。4 .1 .js '/脚本

标题标题/标题

style type='text/css '

部门{

宽度: 160 px

高度: 10px

padding: 20px

文本对齐:居中;

飞越:隐藏;

位置:绝对;

背景: URL(' img/flag。png’);

背景尺寸: 200像素500像素;

}

分区跨度{

margin-top : 50px;

左边距:-10px;

行高: 50px

显示:内嵌块;

宽度: 20px

' font-family: '凯体;

字体大小: 40px颜色: # FAAAFC

}

/风格

/头

身体

氕锦旗展示/h1

人力资源/

输入类型='按钮'值='展示'/

差异

跨度青春有志须勤奋/span

/div

脚本类型='文本/javascript '

$(function(){

$('输入')。单击(函数(){

$('div ').动画({

left:'=200 ',

高度:'=400 ',

top:'=150 '

},3000,function(){

$('div ').动画({

高度: '-=450像素,

左: '-=100像素,

top: '-50px '

}, 2000);

});

});

})

/脚本

/body

/html运行结果:

f3vrzkxh5yg5237.png

现在锦旗是收起来的,点击展示后,锦旗则出来,然后飘走。

r2fkif30fzt5238.png

飘走后,再次点击展示,锦旗仍可以回来。

案例图片:

judqqtp3chd5239.png

注意动画()的用法即可!

Link to comment
Share on other sites