<div style="width:100pxheight:100pxposition:fixedz-index:99left:0top:50%margin-top:-50px">内容</div>
在HTML文件中添加网页特效代码，一般有三种情况。第一，只加在HTML文件头部，即HTML文件中<head>……</head>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。
第二，只加在HTML文件体部。即HTML文件中<body>……</body>之间的代码。这类代码只需要加在这个部分，即可达到预期的效果。如在你题目中提到的就属于这一类。
除上述情况外，多数代码需要先在头部（<head>……</head>之间）在上一些属性性质的代码，但是特效的主代码需要添加在体部（body>……</body>之间），否则，特效不能正常显示，有时还会出现错误，影响整个页面的正常显示。
添加特效代码的方法：
先要用HTML编辑软件，如常见的文本编辑器“记事本”，打开需要编辑的文件，根据特效代码的要求，在文件中找到相应位置，复制，粘贴特效代码，保存即可。修改完毕后，即可在浏览器中看到相应的效果。
在添加的时候一定要注意，一定要按照特效源码的要求添加，此外，还要保证源码的完整性，一个标点符号都不能少，也不能多。
另外要说的是，根据我的经验，直接从网上复制来的代码，不一定都能直接粘贴了用，一部分必须通过一个软件来中转。比如，先把网上的代码复制后，粘贴到“记事本”中，然后再复制、粘贴到相应的文件位置上。
最后，介绍你几个经典网页特效站。
1、网页特效集锦：http://www.helpor.net
2、javascript网页特效：http://www.baron.com.cn/javascript
3、万旭网页特效：http://js.wanxu.com
4、网页特效梦工厂：http://www.zlce.net/web
5、网页制作大宝库网页特效大全：http://www.dabaoku.com/texiao
1、你的那段放在<body></body>之间2、要把文章内容放在<p id="ccon"></div>中间，并接在你那段后面；
2、再就是将这段代码放到<head></head>之间
<script language="javascript">
//保存背景颜色和字号
function setSz()
{
var va = document.getElementById("bjColor").value
setCookie("bjColor", va, 30)
va = document.getElementById("wzSize").value
setCookie("wzSize", va, 30)
va = document.getElementById("wzColor").value
setCookie("wzColor", va, 30)
va = document.getElementById("gd").value
setCookie("gd", va, 30)
alert("保存成功!")
return
}
//设置背景颜色和字号
function getSz()
{
var bjColor = getCookie('bjColor')
var wzSize = getCookie('wzSize')
var wzColor = getCookie('wzColor')
var gd = getCookie('gd')
if(bjColor != null)
{
document.getElementById("ccon").style.background=bjColor
setSelect(bjColor,"bjColor")
}
if(wzSize != null)
{
document.getElementById("ccon").style.fontSize=wzSize
setSelect(wzSize,"wzSize")
}
if(wzColor != null)
{
document.getElementById("ccon").style.color=wzColor
setSelect(wzColor,"wzColor")
}
if(gd != null)
{
SetScrollValue(gd)
setSelect(gd,"gd")
}
}
/*
* 设置滚动速度
*/
var currentpos,timer
var scrollValue = 100
function SetScrollValue(value)
{
scrollValue = value * 20
}
function initialize()
{
timer = window.setInterval("scrollwindow()",scrollValue)
}
function sc()
{
clearInterval(timer)
}
function scrollwindow()
{
currentpos = document.documentElement.scrollTop
window.scroll(0,++currentpos)
window.status = currentpos
if (currentpos != document.documentElement.scrollTop) sc()
}
document.ondblclick = function()
{
initialize()
}
document.onmousedown = function()
{
sc()
}
</script>
