纯CSS对联固定漂浮代码

html-css020

纯CSS对联固定漂浮代码,第1张

左边的

position:fixed left:50% margin-left:-600px top:50% margin-top:-你的对联高度一半

右边的

position:fixed right:50% margin-right:-600px top:50% margin-top:-你的对联高度一半

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>悬浮广告</title>

</head>

<body>

<div style="height:900pxdisplay:block"></div>

<div id="AdLayer1" style='position: absolutez-index:1left:100pxborder:1px #DDD solidwidth:36pxheight:200pxbackground-color:#CCC'></div>

<div id="AdLayer2" style='position: absolutez-index:1right:100pxborder:1px #DDD solidwidth:36pxheight:200pxbackground-color:green'></div>

<script type="text/javascript">

// 页面初始化

function initEcAd() {

document.all.AdLayer1.style.posTop = 200

document.all.AdLayer1.style.visibility = 'visible'

document.all.AdLayer2.style.posTop = 200

document.all.AdLayer2.style.visibility = 'visible'

MoveLeftLayer('AdLayer1')

MoveRightLayer('AdLayer2')

}

// 移动左面的广告层

function MoveLeftLayer(layerName) {

var x = 100

var y = 100// 左侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40

var y = document.body.scrollTop + y - diff

eval("document.all." + layerName + ".style.posTop = parseInt(y)")

eval("document.all." + layerName + ".style.posLeft = x")

setTimeout("MoveLeftLayer('AdLayer1')", 20)

}

// 移动右边的广告层

function MoveRightLayer(layerName) {

var x = 100

var y = 100// 右侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40

var y = document.body.scrollTop + y - diff

eval("document.all." + layerName + ".style.posTop = y")

eval("document.all." + layerName + ".style.posRight = x")

setTimeout("MoveRightLayer('AdLayer2')", 20)

}

initEcAd()

</script>

</body>

</html>

对联固定夹是我郑州红福传统文化公司专门针对传统贴春联方式弊端设计的专利产品,可有效解决浆糊、胶带、自粘胶等粘贴方式带来的不方便、不美观、不牢固、不卫生等弊端,只要每年更换对联即可。

一、产品特点:

1、实用性强。可牢固有效的固定对联,不会轻易掉下。

2、简单、方便。贴对联时一个人即可完成,老少皆宜。

3、美观。可显著增加对联的美观度以及于墙面的匹配度。

4,卫生。粘贴后不会留下污渍,不损伤墙面的干净度。

5,可重复使用。本产品可重复使用,每年只需更换春联即可。

二、对联技巧:

对联分上下联,不能随意贴。每年都有许多人贴错。

比如说,上联的末尾的字应该是"仄"声,既现代汉语的"三声"或"四声"。"仄"声给人的感觉是话还没有说完。下联的末尾的字应该是"平"声,既现代汉语的"一声"或"二声"。"平"声给人的感觉是话已说完。