当前位置：首页 > 网页特效 > 表格图层 >

卷动的公告代码

时间：2013-03-31 22:58 来源：互联网作者：源码搜藏收藏推荐

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>卷动公告窗口</title>
<style type="text/css">

</style>
</head>

<body>
<style>

</style>
<script language="JavaScript1.2">

</script>
<div id="scontentmain">
<div id="scontentbar" >
  <p><font size="12">
    <img align="right" src="/jscss/demoimg/201303/barbutton.gif" onClick="onoffdisplay()" width="27" height="25"></font><span class="STYLE2">HELLO</span></p>
  </div><div class="STYLE1" id="scontentsub">今日特价商品：</div>
</div>
<script language="JavaScript1.2">
var w=document.body.clientWidth-195
var h=50
w+=document.body.scrollLeft
h+=document.body.scrollTop
var leftpos=w
var toppos=h
scontentmain.style.left=w
scontentmain.style.top=h
function onoffdisplay(){
if (scontentsub.style.display=='')
scontentsub.style.display='none'
else
scontentsub.style.display=''
}

function staticize(){
w2=document.body.scrollLeft+leftpos
h2=document.body.scrollTop+toppos
scontentmain.style.left=w2
scontentmain.style.top=h2
}
window.onscroll=staticize
</script>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

网页上的卷动公告窗口代码，点击后文字的内容显示出来，再次点击后向上折叠，类似于“点击查看更多”的功能，用到了一张背景图片，请使用本效果的朋友们自己下载这个图片文件。由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-biaoge/978.html

网页特效

卷动的公告代码

表格图层下载排行

最新文章