1、纯js,无动画版本
[html] view plain copy 。
window.scrollTo(x-coord, y-coord); 。
[html] view plain copy 。
如:window.scrollTo(0,0); 。
2、纯js,带动画版本
生硬版:
[html] view plain copy 。
var scrollToTop = window.setInterval(function() { 。
var pos = window.pageYOffset; 。
if ( pos > 0 ) { 。
window.scrollTo( 0, pos - 20 ); // how far to scroll on each step 。
} else {
window.clearInterval( scrollToTop ); 。
}
}, 16); // how fast to scroll (this equals roughly 60 fps) 。
流畅版:
[html] view plain copy 。
(function smoothscroll(){ 。
var currentScroll = document.documentElement.scrollTop || document.body.scrollTop; 。
if (currentScroll > 0) { 。
window.requestAnimationFrame(smoothscroll); 。
window.scrollTo (0,currentScroll - (currentScroll/5)); 。
}
})();
3、jQuery,带动画版本
首先需要在顶部添加如下html元素:
[html] view plain copy。
<span style="font-size:14px"><p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p> 。
</span> 。
其中a标签指向锚点top,可以在顶部防止一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:
[css] view plain copy。
<span style="font-size:14px">/*returnTop*/ 。
p#back-to-top{ 。
position:fixed; 。
display:none; 。
bottom:100px; 。
right:80px; 。
}
p#back-to-top a{ 。
text-align:center; 。
text-decoration:none; 。
color:#d1d1d1; 。
display:block; 。
width:64px; 。
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ 。
-moz-transition:color 1s; 。
-webkit-transition:color 1s; 。
-o-transition:color 1s; 。
}
p#back-to-top a:hover{ 。
color:#979797; 。
}
p#back-to-top a span{ 。
background:transparent url(/static/imgs/sprite.png?1202) no-repeat -25px -290px; 。
border-radius:6px; 。
display:block; 。
height:64px; 。
width:56px; 。
margin-bottom:5px; 。
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/ 。
-moz-transition:background 1s; 。
-webkit-transition:background 1s; 。
-o-transition:background 1s; 。
}
#back-to-top a:hover span{ 。
background:transparent url(/static/imgs/sprite.png?1202) no-repeat -25px -290px; 。
}
</span> 。
上面样式中的背景图片是雪碧图,下面提供两个单独的返回顶部图片方便朋友们使用:
有了html和样式,我们还需要用js控制返回顶部按钮,在页面滚动时渐隐渐现返回顶部按钮。
[html] view plain copy 。
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> 。
<script> 。
$(function(){ 。
//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 。
$(function () { 。
$(window).scroll(function(){ 。
if ($(window).scrollTop()>100){ 。
$("#back-to-top").fadeIn(1500); 。
} 。
else 。
{ 。
$("#back-to-top").fadeOut(1500); 。
} 。
}); 。
//当点击跳转链接后,回到页面顶部位置 。
$("#back-to-top").click(function(){ 。
//$('body,html').animate({scrollTop:0},1000); 。
if ($('html').scrollTop()) { 。
$('html').animate({ scrollTop: 0 }, 1000); 。
return false; 。
} 。
$('body').animate({ scrollTop: 0 }, 1000); 。
return false; 。
}); 。
});
});
</script>。
按工作原理分
1、容积式泵
靠工作部件的运动造成工作容积周期性地增大和缩小而吸排液体,并靠工作部件的挤压而直接使液体的压力能增加。
根据运动部件运动方式的不同又分为:往复泵和回转泵两类。根据运动部件结构不同有:活塞泵和柱塞泵,有齿轮泵、螺杆泵、叶片泵和水环泵。
2、叶轮式泵
叶轮式泵靠叶轮带动液体高速回转而把机械能传递给所输送的液体。
根据泵的叶轮和流道结构特点的不同叶轮式又可分为:
离心泵、轴流泵、混流泵、旋涡泵。
3、喷射式泵(jet pump)
是工作流体产生的高速射流引射流体,然后再通过动量交换而使被引射流体的能量增加。
泵还可以按泵轴位置分为:
立式泵、卧式泵。
按吸口数目分为:
单吸泵、双吸泵。
按驱动泵的原动机来分:
电动泵、汽轮机泵、柴油机泵、气动隔膜泵。
运用领域
在化工和石油部门的生产中,原料、半成品和成品大多是液体,而将原料制成半成品和成品,需要经过复杂的工艺过程,泵在这些过程中起到了输送液体和提供化学反应的压力流量的作用,此外,在很多装置中还用泵来调节温度。
在农业生产中,泵是主要的排灌机械。我国农村幅员广阔,每年农村都需要大量的泵,一般来说农用泵占泵总产量一半以上。
在矿业和冶金工业中,泵也是使用最多的设备。矿井需要用泵排水,在选矿、冶炼和轧制过程中,需用泵来供水等。
在电力部门,核电站需要核主泵、二级泵、三级泵、热电厂需要大量的锅炉给水泵、冷凝水泵、油气混输泵、循环水泵和灰渣泵等。
在国防建设中,飞机襟翼、尾舵和起落架的调节、军舰和坦克炮塔的转动、潜艇的沉浮等都需要用泵。高压和有放射性的液体,有的还要求泵无任何泄漏等。
总之,无论是飞机、火箭、坦克、潜艇、还是钻井、采矿、火车、船舶,或者是日常的生活,到处都需要用泵,到处都有泵在运行。正是这样,所以把泵列为通用机械,它是机械工业中的一类主要产品。
电动泵,即用电驱动的泵。电动泵是由泵体、扬水管、泵座、潜水电机(包括电缆)和起动保护装置等组成。泵体是潜水泵的工作部件,它由进水管、导流壳、逆止阀、泵轴和叶轮等零部件组成。叶轮在轴上的固定有两种方式。
扩展资料
注意事项
1、如果水泵有任何小的故障切记不能让其工作。如果水泵轴的填料完磨损后要及时添加,如果继续使用水泵会漏气。这样带来的直接影响是电机耗能增加进而会损坏叶轮。
2、如果水泵在使用的过程中发生强烈的震动这时一定要停下来检查下是什么原因,否则同样会对水泵造成损坏。
3、当水泵底阀漏水时,有些人会用干土填入到水泵进口管里,用水冲到底阀处,这样的做法实在不可取。因为当把干土放入到进水管里当水泵开始工作时这些干土就会进入泵内,这时就会损坏水泵叶轮和轴承,这样做缩短了水泵使用寿命。当底阀漏水时一定要拿去维修,如果很严重那就需要更换新的。
4、水泵使用后一定要注意保养,比如说当水泵用完后要把水泵里的水放干净,最好是能把水管卸下来然后用清水冲洗。
5、水泵上的胶带也要卸下来,然后用水冲洗干净后在光照处晾干,不要把胶带放在阴暗潮湿的地方。水泵的胶带一定不能沾上油污,更不要在胶带上涂一些带粘性的东西。
6、要仔细检查叶轮上是否有裂痕,叶轮固定在轴承上是否有松动,如果有出现裂缝和松动的现象要及时维修,如果水泵叶轮上面有泥土的也要清理干净。
参考资料来源:百度百科-泵
参考资料来源:百度百科-水泵
Yale Songs
Bright College Years - ' Neath the Elms - Eli Yale - Football Medley 。
Bright College Years (our alma mater!)。
H.S. Durand, '81。
Carl Wilhelm
Bright College years, with pleasure rife,。
The shortest, gladdest years of life;。
How swiftly are ye gliding by!。
Oh, why doth time so quickly fly?。
The seasons come, the seasons go,。
The earth is green or white with snow,。
But time and change shall naught avail。
To break the friendships formed at Yale.。
In after years, should troubles rise。
To cloud the blue of sunny skies,。
How bright will seem, through mem'ry's haze。
Those happy, golden, bygone days!。
Oh, let us strive that ever we。
May let these words our watch-cry be,。
Where'er upon life's sea we sail:。
"For God, for Country and for Yale!"。
Back to top
'Neath the Elms。
H. Baldwin, '71 。
Winds of night around us sighing,。
In the elm trees murmur low,。
In the elm trees murmur low,。
Let no ruder sounds replying。
Break our happy voices' flow,。
Tra la la la!
'Tis a jolly life we lead,。
Care and trouble we defy;。
Let the short-lived hours speed,。
Running smoothly, quickly by;。
Till the darkness fades a-way,。
And the morning light we hail,。
We will sing with cheerful hearts。
Songs of home, and of Yale, and of dear old Yale,。
Tra la la la!
Stars of night in silence yearning,。
Pure and soft as maiden's eyes,。
Pure and soft as maiden's eyes,。
Sweet the hour when your returning。
Bids our merry songs arise,。
Tra la la la!
'Tis a jolly life we lead,。
Care and trouble we defy;。
Let the short-lived hours speed,。
Running smoothly, quickly by;。
Till the darkness fades a-way,。
And the morning light we hail,。
We will sing with cheerful hearts。
Songs of home, and of Yale, and of dear old Yale,。
Tra la la la!
Listen! faintly chiming,。
O'er the river placid preast,。
Evening bells are ringing,。
Calling us to rest,。
Calling us to rest.。
See the full moon, rising, weaves。
Robes of light o'er tow'r and hall,。
Through the slowly lifting leaves。
Silver lances flash and fall.。
Louder yet the chorus raise,。
Friendship lasts when youth must fail;。
Jolly jolly are the days。
'Neath the elms,。
'Neath the elms of dear old Yale,。
Of dear old Yale,。
Of dear old Yale.。
Back to top
Eli Yale (original version) 。
As Freshmen first we came to Yale,。
Fol de rol de rol rol rol!。
Examinations made us pale.。
Fol de rol de rol rol rol!。
Chorus:
Eli Eli Eli Yale,。
Fol de rol de rol rol rol!。
Eli Eli Eli Yale,。
Fol de rol de rol rol rol!。
As Sophomores we have a task;。
Fol de rol de rol rol rol!。
'Tis best performed by torch and mask.。
Fol de rol de rol rol rol!。
Chorus:
In Junior year we take our ease,。
Fol de rol de rol rol rol!。
We smoke our pipes and sing our glees.。
Fol de rol de rol rol rol!。
Chorus:
In Senior year we act our parts。
Fol de rol de rol rol rol!。
In making love and winning hearts.。
Fol de rol de rol rol rol!。
Chorus
And then into the world we come,。
Fol de rol de rol rol rol!。
We've made good friends, and studied -- some.。
Fol de rol de rol rol rol!。
Chorus:
The saddest tale we have to tell,。
Fol de rol de rol rol rol!。
Is when we bid old Yale farewell.。
Fol de rol de rol rol rol!。
Chorus
Repeat Chorus Molto Allegro。
Back to top
The Football Medley 。
With Crimson in triumph flashing。
Mid the strains of victory。
Poor Eli's hopes we are dashing。
Into blue obscurity。
Resistless our team sweeps onward。
With the fury of the blast。
We'll fight for the name of Harvard。
'Till the last white line is past。
And then we'll crash through that line of blue。
And send the backs on round the end (around the end).。
Fight! Fight for ev'ry yard。
Princeton's honor to defend,。
Rah! Rah! Rah! (or: Raw! Raw! Raw!)。
Tiger sis boom bah (or: shish kebab)。
And locomotives by the score (oh by the score),。
For we'll fight with a vim that is dead sure to win For old Nassau。
Oh Lord Jeffery Amherst was a soldier of the king,。
And he came from across the sea.。
To the Frenchmen and the Indians he didn't do a thing in the wilds of this wild country。
In the wilds of this wild country.。
And for his royal majesty he fought with all his might, 。
For he was a soldier loyal and true.。
And he conquered all the enemies (or: animals) that came within his sight, 。
And he looked around for more when he was through.。
Oh Amherst, brave Amherst, 'twas the name known to fame in days of yore。
May it ever be glorious 'til the sun shall climb the heav'ns no more.。
Oh!
More work for the undertaker,。
'Nother little job for the casket maker。
In the local cemetary they are。
Very very busy with a brand new grave:。
No hope for Harvard,。
No hope for Harvard!。
Boola boola, Boola boola,。
Boola boola, Boola boola,。
Boola boola, Boola boola,。
Boola boola, Boola boola,。
When we "rough house" poor old Harvard, 。
They will holler Boola boo.。
Oh, Yale, Eli Yale,。
Oh, Yale, Eli Yale,。
Oh, Yale, Eli Yale,。
Oh, Yale, Eli Yale!。
Fight, fight for Yale。
The sons of Eli are out for glory.。
On to the fray,。
We'll tell to Harvard the same old story,。
The cry is on, on they come。
We'll raise the slogan of Yale triumphant.。
Smash, bang, we'll rip poor Harvard。
Whoop it up for Yale today!。
Bingo, Bingo, Bingo, Bingo, Bingo,。
That's the lingo。
Eli is bound to win。
There's to be a victory, so watch the team begin!。
Bingo, Bingo, Harvard's team cannot prevail。
Fight! Fight! Fight with all your might。
For Bingo Bingo Eli Yale。
Good night, poor Harvard,。
Harvard, good night.。
Oh we've got your number。
You're high as a kite.。
Oh, Good night, poor Harvard,。
You're tucked in tight。
When the big blue team gets after you,。
Harvard, Harvard, Good night.。
March, march on down the field,。
Fighting for Eli.。
Break through that crimson line, their strength to defy.。
We'll give a long cheer for Eli's men。
We're here to win again.。
Harvard's team may fight to the end but Yale will win. 。
Bulldog, Bulldog, bow wow wow,。
Eli Yale,
Bulldog, Bulldog, bow wow wow,。
Our team can never fail,。
When the son's of Eli break through the line (bow wow wow)。
That is the sign we hail!。
Bulldog, Bulldog, bow wow wow,。
Eli Yale, Eli Yale!。
jquery.downCount.js是依赖于jQuery的插件(效果:倒计时),所以我们需要查看该插件的源码才能将其变成源生代码。
html代码:
<div class="p1">。
<span class="days"></span><span class="days_ref"></span>。
<span class="hours"></span><span class="hours_ref"></span>。
<span class="minutes"></span><span class="minutes_ref"></span>。
<span class="seconds"></span><span class="seconds_ref"></span>。
</div>
上面span中的class类是用于显示需要的类,在插件中days、hours、minutes、seconds分别用于显示天数、小时、分钟、秒,days_ref、hours_ref、minutes_ref、seconds_ref分别用于显示单位days或day,hours或hour、minutes或minute、seconds或second。这些类都没有定义相应的样式,需要自己自定义样式。
js代码,只是简易的提了出来,如果需要更灵活的配置,自己再做进一步封装:
(function () {
var container = document.querySelector(".p1");。
var mydate = '1/27/2019 00:00:00', 。
myoffset = 10,。
callback = function () {。
alert("执行完毕");。
};
/**
* Change client's local date to match offset timezone。
* @return {Object} Fixed Date object.。
*/
var currentDate = function () {。
// get client's current date。
var date = new Date();。
// turn date to utc。
var utc = date.getTime() + (date.getTimezoneOffset() * 60000);。
// set new Date object。
var new_date = new Date(utc + (3600000*myoffset));。
return new_date;。
};
/**
* Main downCount function that calculates everything。
*/
function countdown () {。
var target_date = new Date(mydate), // set target date。
current_date = currentDate(); // get fixed current date。
// difference of dates。
var difference = target_date - current_date;。
// if difference is negative than it's pass the target date。
if (difference < 0) {。
// stop timer。
clearInterval(interval);。
if (callback && typeof callback === 'function') {。
callback();。
}
return;。
}
// basic math variables。
var _second = 1000,。
_minute = _second * 60,。
_hour = _minute * 60,。
_day = _hour * 24;。
// calculate dates。
var days = Math.floor(difference / _day),。
hours = Math.floor((difference % _day) / _hour),。
minutes = Math.floor((difference % _hour) / _minute),。
seconds = Math.floor((difference % _minute) / _second),。
// fix dates so that it will show two digets。
days = (String(days).length >= 2) ? days : '0' + days,。
hours = (String(hours).length >= 2) ? hours : '0' + hours,。
minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes,。
seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;。
// based on the date change the refrence wording。
var ref_days = (days === 1) ? 'day' : 'days',。
ref_hours = (hours === 1) ? 'hour' : 'hours',。
ref_minutes = (minutes === 1) ? 'minute' : 'minutes',。
ref_seconds = (seconds === 1) ? 'second' : 'seconds';。
// set to DOM。
document.querySelector('.days').innerHTML = days;。
document.querySelector('.hours').innerHTML = hours;。
document.querySelector('.minutes').innerHTML = minutes;。
document.querySelector('.seconds').innerHTML = seconds;。
document.querySelector('.days_ref').innerHTML = ref_days;。
document.querySelector('.hours_ref').innerHTML = ref_hours;。
document.querySelector('.minutes_ref').innerHTML = ref_minutes;。
document.querySelector('.seconds_ref').innerHTML = ref_seconds;。
};
// start
var interval = setInterval(countdown, 1000);。
})();
在themes\next\source\css\_common\components\back-to-top.styl文件中添加:
body {
background-image:url(XXXX);。
background-repeat: no-repeat;。
background-attachment:fixed;。
background-position:50% 50%;。
background-size: 100% 100%;。
}
将XXXX替换为图片路径
本地和网络皆可
这是v7.7.2的
你就把back-to-top.styl当成custom.styl就行。
原先需要添加在custom.styl里的代码添加在back-to-top.styl里一样有效。