html+js顶端跟随效果记录

最新推荐文章于 2023-03-07 10:01:47 发布
LiceJade
最新推荐文章于 2023-03-07 10:01:47 发布
阅读量2k
点赞数
分类专栏：网页设计
本文链接：https://blog.csdn.net/CHUANGHUI/article/details/8647006
版权
网页设计专栏收录该内容
10 篇文章 0 订阅
订阅专栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>顶端固定不动，其他内容可以滚动</title>
<style>
body{
padding:0; margin:0
}
#TopDiv{
	border:#6CC solid 1px;
	background-color:#090; 
	color: #FFF; 
	margin-right:auto!important;
	margin-left:auto!important;
	left:0px;right:0px;
	padding:0px;
	height:50px;
	line-height:50px;
	font-family:"微软雅黑";
	font-size:20px;
	text-align:center;
}
#TitleDiv{
	position:fixed; 
	border:#666666 solid 1px;
	background-color:#09C; 
	z-index:2; 
	color: #FFF; 
	margin-right:auto!important;
	margin-left:auto!important;
	left:0px;right:0px;
	padding:0px;
	height:24px;	
	text-align:center;
}
#wrapper{
	margin-right:auto!important;
	margin-left:auto!important;
	width:1000px;
}
#ContentDiv{
	position:absolute;
	top:100px; 
	margin-right:auto!important;
	margin-left:auto!important;
	width:1000px;
	padding:0px;
	width:1000px;
	border:#CC3333 solid 1px;
}
</style>
<!--[if IE 6]>
<style type="text/css">
#TitleDiv {
border:#666666 solid 1px;
	background-color:#09C; 
	z-index:2; 
	color: #FFF; 
	margin-right:auto!important;
	margin-left:auto!important;
	padding:0px;
	height:24px;	
	text-align:center;
width:100%;
/*top:50;expression(eval(document.documentElement.scrollTop+50));
bottom:auto;*/
}
</style>
<![endif]-->
</head>
<body>
<div id="TopDiv"><strong>二十四节气之冬至</strong></div>
<div id="TitleDiv"><strong>冬至作为一个节日，至今已有2500年以上的历史</strong></div>
<div id="wrapper">	
<div id="ContentDiv">
  <p><strong>冬至作为一个节日，至今已有2500年以上的历史</strong></p>
  <p>据记载，周秦时代以冬十一月为正月，以冬至为岁首过新年。《汉书》有云：“冬至阳气起，君道长，故贺……”也就是说，人们最初过冬至节是为了庆祝新的一年的到来。古人认为自冬至起，天地阳气开始兴作渐强，代表下一个循环开始，是大吉之日。因此，后来一般春节期间的祭祖、家庭聚餐等习俗，也往往出现在冬至。冬至又被称为“小年”，一是说明年关将近，余日不多；二是表示冬至的重要性。</p>
  <p>把冬至作为节日来过源于汉代，盛于唐宋，相沿至今。周历的正月为夏历的十一月，因此，周代的正月等于我们现在的十一月，所以拜岁和贺冬并没有分别。直到汉武帝采用夏历后，才把正月和冬至分开。因此，也可以说专门过“冬至节”是自汉代以后才有，盛于唐宋，相沿至今。</p>
  <p>汉代以冬至为“冬节”，官府要举行祝贺仪式称为“贺冬”，官方例行放假，官场流行互贺的“拜冬”礼俗。《后汉书》中有这样的记载：“冬至前后，君子安身静体，百官绝事，不听政，择吉辰而后省事。”所以这天朝廷上下要放假休息，军队待命，边塞闭关，商旅停业，亲朋各以美食相赠，相互拜访，欢乐地过一个“安身静体”的节日。魏晋六朝时，冬至称为“亚岁”，民众要向父母长辈拜节；宋朝以后，冬至逐渐成为祭祀祖先和神灵的节庆活动。</p>
  <p>唐、宋时期，冬至是祭天祀祖的日子，皇帝在这天要到郊外举行祭天大典，百姓在这一天要向父母尊长祭拜。</p>
  <p>明、清两代，皇帝均有祭天大典，谓之“冬至郊天”。宫内有百官向皇帝呈递贺表的仪式，而且还要互相投刺祝贺，就像元旦一样。</p>
  <div paragraphindex="52">天时人事日相催，冬至阳生春又来。刺绣五纹添弱线，吹葭六管动飞灰。岸容待腊将<a href="/view/3898467.htm" target="_blank">舒柳</a>，山意冲寒欲放梅。云物不殊乡国异，教儿且覆掌中杯。</div>
  <div paragraphindex="53">—— <a href="/view/2211.htm" target="_blank">杜甫</a>《小至》</div>
  <div paragraphindex="54">年年至日长为客，忽忽穷愁泥杀人！江上形容吾独老，天边风俗自相亲。杖藜雪后临丹壑，鸣玉朝来散紫宸。心折此时无一寸，路迷何处望<a href="/view/14201.htm" target="_blank">三秦</a>？ </div>
  <div paragraphindex="55">—— <a href="/view/2211.htm" target="_blank">杜甫</a>《冬至》</div>
  <div paragraphindex="56"><a href="/view/16951.htm" target="_blank">邯郸</a>驿里逢冬至，抱膝灯前影伴身。想得家中夜深坐，还应说着远行人。</div>
  <div paragraphindex="57">—— <a href="/view/5353.htm" target="_blank">白居易</a>《邯郸冬至夜思家》</div>
  <div paragraphindex="58">香烛鲜花纸钱银，八果八素并八珍。合家召开追思会，缅怀英烈祭先人。</div>
  <div paragraphindex="59">—— 张志真《冬至祭》</div>
  <div paragraphindex="60">夫馄饨之形，有如鸡卵，颇似天地混沌之象，故于冬至日食之。</div>
  <div sizset="5" sizcache06380725010342534="1" paragraphindex="61">——《燕京岁时记》</div>
  <div paragraphindex="62">理郡无异政，所忧在素餐。徒令去京国，羁旅当岁寒。<br />
    子月生一气，阳景极南端。已怀时节感，更抱别离酸。<br />
    私燕席云罢，还斋夜方阑。邃幕沉空宇，孤灯照床单。<br />
    应同兹夕念，宁忘故岁欢。川途恍悠邈，涕下一阑干。</div>
  <div sizset="6" sizcache06380725010342534="1" paragraphindex="63">——唐●韦应物《冬至夜寄京师诸弟兼怀崔都水》</div>
  <h2 titleindex="8">保健养身</h2>
  <h3>针灸通穴</h3>
  <div paragraphindex="64">冬至是阴阳二气的自然转化，这个阴阳交接的时候艾灸神阙穴是激发身体<a href="/view/199597.htm" target="_blank">阳气</a>上升的最佳时间。　</div>
  <div paragraphindex="65">在冬至前后四天，加上冬至这一天共九天中，可以通过用艾条灸神阙穴的方法养生。   把艾条点着后以肚脐为中心，熏灼<a href="/view/65638.htm" target="_blank">肚脐</a>周围就可以了。注意不要烫到皮肤，有温热的感觉即可。每天一次，每次15—20分钟。</div>
  <div paragraphindex="66">神阙穴是五脏六腑之本，为任脉、冲脉循行之地、元气归藏之根，为连接人体先天与后天之要穴。艾灸神阙穴可益气补阳，温肾健脾，祛风除湿，<a href="/view/755121.htm" target="_blank">温阳</a>救逆，温通经络，调和气血，对身体非常有好处，甚至会使人第二年都少生病。</div>
  <h3>起居宜忌</h3>
  <div paragraphindex="67">冬至在养生学上是一个最重要的节气，主要是因为“冬至一阳生”。冬至到<a href="/view/25902.htm" target="_blank">小寒</a>、<a href="/view/25921.htm" target="_blank">大寒</a>，是最冷的季节，患心脏和高血压病的人往往会病情加重，患“中风”者增多，天冷也易冻伤。</div>
  <div paragraphindex="68">因此，在寒冬季节，对高血压、动脉硬化、<a href="/view/29208.htm" target="_blank">冠心病</a>患者来说，要特别提高警惕，谨防发作，应采取以下预防措施：</div>
  <div paragraphindex="69">1.注意防寒保暖。在气温降到0℃以下时，要及时增添衣服，衣裤既要保暖性能好，又要柔软宽松，不宜穿得过紧，以利血液流畅。 </div>
  <div paragraphindex="70">2.合理调节饮食起居，不酗酒、不吸烟，不过度劳累。</div>
  <div paragraphindex="71">3.保持良好的心境，情绪要稳定、愉快，切忌发怒、急躁和精神抑郁。 </div>
  <div paragraphindex="72">4.进行适当的御寒锻炼，如平时坚持用冷水洗脸等，提高机体对寒冷的适应性和耐寒能力。</div>
  <div paragraphindex="73">5.随时观察和注意病情变化，定期去医院检查，服用必要的药物，控制病情的发展，防患于未然。 </div>
  <div sizset="7" sizcache06380725010342534="1" paragraphindex="74">严冬时节还要注意老人的低体温。低体温是以35℃为界限，低于35℃者为体温过低。由于老人出现低体温后，可能无任何不适与痛苦，所以往往容易被忽视。体温过低的老年患者，发病多缓慢，甚至危及生命时也无明显症状。这类病人一般不出现寒战，但得不到及时治疗就会出现意识模糊。语言不清，继而昏迷，体温随即降至30℃以下。此时，患者脉搏及呼吸甚微、血压骤降、面部肿胀、肌肉发硬、皮肤出现凉感。因此，在寒冷的冬季，老人的居室应采取防寒保暖措施。</div>
  <p> </p>
</div>
</div>
<script>
var yuanshi=50;
window.οnscrοll=function(){
	var d=document.getElementById("TitleDiv"); 
	d.innerHTML=(document.documentElement.scrollTop+document.body.scrollTop);
	if((document.documentElement.scrollTop+document.body.scrollTop)>50)
		d.style.top=0;
	else
		d.style.top=50-(document.documentElement.scrollTop+document.body.scrollTop);
}

</script>
</body>
</html>
LiceJade
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html+js顶端跟随效果记录

顶端固定不动，其他内容可以滚动body{padding:0; margin:0}#TopDiv{ border:#6CC solid 1px; background-color:#090; color: #FFF; margin-right:auto!important; margin-left:auto!important; lef
复制链接

扫一扫