我们需要一点空间呼吸
我太过依赖你 已经不知不觉失去自己
怎麼重新设定我们间的关系
我还没那种勇气 奋不顾身离开你
就当作我暂时去旅行
飞向札幌的班机 抗拒地心引力
逃离虚构幸福的自己
5000英呎的空气 心渐渐失去重力
冷锋过境 我们的爱情
北半球的天气 像你不安心情捉摸不定
时而刮风下雨下一秒又放晴
我曾那麼爱你 就算失去了尊严都可以
曾几何时我却开始讨厌我自己
我还没那种勇气 奋不顾身离开你
就当作我暂时去旅行
飞向札幌的班机 抗拒地心引力
逃离虚构幸福的自己
5000英呎的空气 心渐渐失去重力
冷锋过境 我们的爱情
[ti:飞向札幌的班机]
[al:Bianco-我知道你爱我]
[by:gavin]
[00:01.09]飞向札幌的班机
[00:03.00]歌手:JS
[00:05.00]专辑:Bianco-我知道你爱我
[00:08.00]作曲:陈忠义 填词:陈绮萱
[00:11.00]gavin ☆ UKOO = www.chjia.com ☆
[00:13.50]
[00:14.89]终于开始相信
[00:17.48]爱情不只是频率的问题
[00:21.80]我们需要一点空间呼吸
[00:28.94]我太过依赖你
[00:31.33]已经不知不觉失去自己
[00:35.42]怎么重新设定我们间的关系
[00:42.09]我还没那种勇气
[00:45.19]奋不顾身离开你
[00:48.58]就当作我暂时去旅行
[00:56.42]飞向札幌的班机
[00:59.56]抗拒地心引力
[01:03.01]逃离虚构幸福的自己
[01:09.86]5000英呎的空气
[01:13.20]心渐渐失去重力
[01:19.69]冷锋过境
[01:21.25]我们的爱情
[01:29.15]像你不安心情捉摸不定
[01:27.16]北半球的天气
[01:33.50]时而刮风下雨下一秒又放晴
[01:40.30]我曾那么爱你
[01:42.97]就算失去了尊严都可以
[01:47.02]曾几何时我却开始讨厌自己
[01:53.69]我还没那种勇气
[01:57.03]奋不顾身离开你
[02:00.65]就当作我暂时去旅行
[02:08.12]飞向札幌的班机
[02:11.75]抗拒地心引力
[02:15.06]逃离虚构幸福的自己
[02:21.87]5000英呎的空气
[02:31.51]冷锋过境
[02:25.29]心渐渐失去重力
[02:33.25]我们的爱情
[02:37.64]
[02:56.51]飞向札幌的班机
[02:59.65]抗拒地心引力
[03:03.04]逃离虚构幸福的自己
[03:09.86]5000英呎的空气
[03:13.25]心渐渐失去重力
[03:19.68]冷锋过境
[03:20.99]我们的爱情
[03:40.06]
[03:47.03]冷锋过境
[03:48.77]我们的爱情
[03:56.07]
要想使用animate这个方法,首先要了解一下这个方法的参数,这个方法主要有两类参数animate(params,options)
params:主要是动画属性和终值的样式属性和及其值的集合
options:就比较多了包括
duration (String,Number) : (默认值: "normal") 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
easing (String) : (默认值: "swing") 要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
complete (Function) : 在动画完成时执行的函数
step (Callback) :
queue (Boolean) : (默认值: true) 设定为false将使此动画不进入动画队列 (jQuery 1.2中新增)
--------------------------------------------------------------------------------------------------------------------
下面举几个例子来说明他们:
$("p").animate({
height: 'toggle', opacity: 'toggle'
}, { duration: "slow" })
这是让段落的高度和不透明度切换
$("p").animate({
left: 50, opacity: 'show'
}, { duration: 500 })
-------------------------------------------------------------
而你想要的效果是让一个元素飞向另一个:那么我写了如下的代码(仅供参考)
<!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/htmlcharset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<style type="text/css">
#block{
border:1px red solid
position:relative}
</style>
</head>
<body>
<button id="go">Run</button>
<div id="block">Hello!</div>
<script type="text/javascript">
$(document).ready(function(){
$("#go").click(function(){
$("#block").animate({top:"+200px",left:"+300px",width:"200px"}, {duration:2000} )
})
})
</script>
</body>
</html>
我写的这个小例子就是你要飞向,你可以看看,希望对你有所帮助,要想真正了解animate最好是看一下,JQ的源码,关于animate的定义:
animate: function( prop, speed, easing, callback ) {
var optall = jQuery.speed(speed, easing, callback)
if ( jQuery.isEmptyObject( prop ) ) {
return this.each( optall.complete, [ false ] )
}
return this[ optall.queue === false ? "each" : "queue" ](function() {
// XXX 'this' does not always have a nodeName when running the
// test suite
if ( optall.queue === false ) {
jQuery._mark( this )
}
var opt = jQuery.extend({}, optall),
isElement = this.nodeType === 1,
hidden = isElement &&jQuery(this).is(":hidden"),
name, val, p,
display, e,
parts, start, end, unit
// will store per property easing and be used to determine when an animation is complete
opt.animatedProperties = {}
for ( p in prop ) {
// property name normalization
name = jQuery.camelCase( p )
if ( p !== name ) {
prop[ name ] = prop[ p ]
delete prop[ p ]
}
val = prop[name]
if ( val === "hide" &&hidden || val === "show" &&!hidden ) {
return opt.complete.call(this)
}
if ( isElement &&( name === "height" || name === "width" ) ) {
// Make sure that nothing sneaks out
// Record all 3 overflow attributes because IE does not
// change the overflow attribute when overflowX and
// overflowY are set to the same value
opt.overflow = [ this.style.overflow, this.style.overflowX, this.style.overflowY ]
// Set display property to inline-block for height/width
// animations on inline elements that are having width/height
// animated
if ( jQuery.css( this, "display" ) === "inline" &&
jQuery.css( this, "float" ) === "none" ) {
if ( !jQuery.support.inlineBlockNeedsLayout ) {
this.style.display = "inline-block"
} else {
display = defaultDisplay(this.nodeName)
// inline-level elements accept inline-block
// block-level elements need to be inline with layout
if ( display === "inline" ) {
this.style.display = "inline-block"
} else {
this.style.display = "inline"
this.style.zoom = 1
}
}
}
}
// easing resolution: per property >opt.specialEasing >opt.easing >'swing' (default)
opt.animatedProperties[name] = jQuery.isArray( val ) ?
val[1]:
opt.specialEasing &&opt.specialEasing[name] || opt.easing || 'swing'
}
if ( opt.overflow != null ) {
this.style.overflow = "hidden"
}
for ( p in prop ) {
e = new jQuery.fx( this, opt, p )
val = prop[p]
if ( rfxtypes.test(val) ) {
e[ val === "toggle" ? hidden ? "show" : "hide" : val ]()
} else {
parts = rfxnum.exec(val)
start = e.cur()
if ( parts ) {
end = parseFloat( parts[2] )
unit = parts[3] || ( jQuery.cssNumber[ name ] ? "" : "px" )
// We need to compute starting value
if ( unit !== "px" ) {
jQuery.style( this, p, (end || 1) + unit)
start = ((end || 1) / e.cur()) * start
jQuery.style( this, p, start + unit)
}
// If a +=/-= token was provided, we're doing a relative animation
if ( parts[1] ) {
end = ((parts[1] === "-=" ? -1 : 1) * end) + start
}
e.custom( start, end, unit )
} else {
e.custom( start, val, "" )
}
}
}
// For JS strict compliance
return true
})
},
鲜少老师www.itcyly.com
JS台湾实力派创作型兄妹组合,Justin 和SophiaJS = Justin和Sophia, 哥哥——陈忠义(Justin) 和 妹妹——陈绮萱(Sophia)
JS经典歌曲
《杀破狼》—— 仙剑奇侠传主题曲
《花与剑》—— 仙剑奇侠传插曲
《也许有一天》—— 蔷薇之恋插曲
《遇见未来》—— 大长今片
《我比想象中爱你》——真命天女插曲
《你是此生最美的风景》—— 心动奇迹宣传片主题曲
《平行线》 ——九降风主题曲
《飞向札幌的班机》——“中华航空”形象歌曲
《Harmonize》——联合国 活动指定曲
《Scream》——唯舞独尊街机歌曲
网址中有比较详细的资料