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>
1触发式<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">
<title>网页特效代码---经典实用的触发型导航菜单</title>
</head>
<body>
<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solidBORDER-TOP:
#ffffff 1px solidBORDER-LEFT: #ffffff 1px
solidCURSOR: handCOLOR: #000000BORDER-
BOTTOM: #ffffff 1px solidBACKGROUND-COLOR:
#eeeeee
}
.sec2 {
BORDER-RIGHT: gray 1px solidBORDER-TOP:
#ffffff 1px solidFONT-WEIGHT: boldBORDER-
LEFT: #ffffff 1px solidCURSOR: handCOLOR:
#000000BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solidBORDER-
LEFT: #ffffff 1px solidCOLOR: #000000BORDER-
BOTTOM: gray 1px solidBACKGROUND-COLOR: #d4d0c8
}
</STYLE>
<!--JavaScript部分-->
<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0i<secTable.cells.lengthi++)
secTable.cells
[i].className="sec1"
secTable.cells[n].className="sec2"
for(i=0i<mainTable.tBodies.lengthi++)
mainTable.tBodies
[i].style.display="none"
mainTable.tBodies
[n].style.display="block"
}
</SCRIPT>
<!--HTML部分-->
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
<TBODY>
<TR align=middle height=20>
<TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD>
<TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD>
<TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD>
<TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE>
<TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记-->
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>指定行做为表体。
<BR>注释:TBODY要素是块要素,并且需要结束标
签。<BR> 即使如果表格没有显式定义TBODY
要素,该要素也提供给所有表。<BR><BR>
参考:《动态HTML参考和开发应用大全》(人民邮电出
版社
Microsoft Corporation著
译)
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--关于cells集合-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>检索表行或者整个
表中所有单元格的集合。<BR>应用于TR、TABLE。
<BR><BR>参考:《动态HTML参考和开发应
用大全》(人民邮电出版社
Microsoft Corporation著
北京华中兴业科技发展有限公司
译)
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--关于tBodies集合-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>检索表中所有TBODY
对象的集合。对象在该集合中按照HTML源顺序排列。
<BR>应用于TABLE。<BR><BR>参考:
《动态HTML参考和开发应用大全》(人民邮电出版社
Microsoft Corporation著
北京华中兴业科技发展有限公司
译)
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--关于display属性-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>设置或者检索对象
是否被提供。<BR>可能的值为block、none、
inline、list-item、table-header-group、table-
footer-group。<BR>该特性可读写,块要素默认
值为block,内联要素默认值为inline;层叠样式表
(CSS)属性不可继承。<BR><BR>参考:《
动态HTML参考和开发应用大全》(人民邮电出版社
Microsoft Corporation著
北京华中兴业科技发展有限公司译)
<BR><BR><A
href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true"target=_blank>点击此处
</A>可参阅微软<A href="http://msdn.microsoft.com/" target=_blank>MSDN在线</A>上的解释。
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE&g
t</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)