首 页 ┆ 文章中心 ┆ 下载中心 ┆ 娱乐八卦 ┆ 本站论坛 ┆ 拜仁联盟 ┆ 球迷社区 ┆ 博客日志 ┆ 建站服务 ┆ 域名抢注 ┆ 繁體中文
设为首页
加入收藏
联系我们
E-mail:WebMaster#fcbu.com
　|  源码下载 | 工具下载 | 素材下载 | 教程下载 | ASP 源码 | PHP 源码 | JSP 源码 | ASP 教程 | .NET教程 | PHP 教程 | 服务器教程 |
　|  网络资讯 | 网站运营 | 网页制作 | 数 据 库 | 网络编程 | 图象媒体 | 操作系统 | 网络应用 | 软件教学 | 火爆影视 | 五 花 八 门|
　|  电脑医院 | 系统攻略 | 网管技术 | 电脑硬件 | 软件天地 | 网络知识 | 网页制作 | 编程讨论 | 综合问题 | 职场生涯 | 数 码 手 机|
载入中…
当前位置:站长天下 -> 网页制作 -> 图片、层滚动（随页面），急！！！

图片、层滚动（随页面），急！！！
收集:TTXS(Fcbu.Com)　　 来源:互联网　　 时间:2006-06-25　
各位同仁们，请问怎么 实现网页中图片，或层 自动随页面滚动，是 关于scrollbar 的一段javascript 代码， 有比较简单的吗，具体怎么做，qq 407822165 msn houzx@cncbz.com 请指教，谢谢！！！ ＜HTML＞＜HEAD＞＜TITLE＞动态定位＜/TITLE＞＜/HEAD＞
＜SCRIPT language=＂JavaScript＂＞＜!--
function ichatload(){
ichat.style.top=document.body.scrollTop;
ichatmove();}
function ichatmove(){
ichat.style.top=document.body.scrollTop 45;
setTimeout(＂ichatmove();＂,0)}
//--!＞＜/script＞
＜BODY onload=＂ichatload()＂＞
＜TABLE border=＂1＂ width=＂700＂ id=＂table1＂ height=＂2000＂＞
＜TR＞
＜TD valign=＂top＂＞
＜DIV id=ichat style=＂height:170;width:170;background-color:orange;position:absolute;top:0;＂＞＜/div＞
＜/TD＞
＜/TR＞
＜/TABLE＞
＜/BODY＞
＜/HTML＞ 其实任何想要随页面滚动的东东都可以放在那个层里面～～～
原理是一样的啦～就是那个层随着页面滚动～那么你放在层里的东东自然也就随页面滚动了…… ＜HTML＞＜HEAD＞＜TITLE＞动态定位＜/TITLE＞＜/HEAD＞
＜SCRIPT language=＂JavaScript＂＞＜!--
function ichatload(){
ichat.style.top=document.body.scrollTop;
ichatmove();}
function ichatmove(){
ichat.style.top=document.body.scrollTop 45;
setTimeout(＂ichatmove();＂,0)}
//--!＞＜/script＞
＜BODY onload=＂ichatload()＂＞
＜TABLE border=＂1＂ width=＂700＂ id=＂table1＂ height=＂2000＂＞
＜TR＞
＜TD valign=＂top＂＞
＜DIV id=ichat style=＂height:170;width:170;background-color:orange;position:absolute;top:0;＂＞
你想浮动的代码编写位置
＜/div＞
＜/TD＞
＜/TR＞
＜/TABLE＞
＜/BODY＞
＜/HTML＞ 再给你一个结构非常简单的弹出式菜单：
＜HTML＞＜HEAD＞
＜META http-equiv=＂Content-Type＂ content=＂text/html; charset=gb2312＂＞
＜TITLE＞弹出式菜单＜/TITLE＞
＜LINK rel=stylesheet href=喜玛拉雅/xmly.css type=text/css＞
＜/HEAD＞
＜SCRIPT language=＂vbscript＂＞
＜!--
Sub my01_onclick
document.all.my01.style.background=＂＆＃35;C5C5C5＂
document.all.my03.style.background=＂＆＃35;E9C476＂
document.all.my05.style.background=＂＆＃35;E9C476＂
document.all.my07.style.background=＂＆＃35;E9C476＂
document.all.my09.style.background=＂＆＃35;E9C476＂
document.all.my02.style.display=＂＂
document.all.my04.style.display=＂none＂
document.all.my06.style.display=＂none＂
document.all.my08.style.display=＂none＂
document.all.my10.style.display=＂none＂
End Sub
Sub my03_onclick
document.all.my01.style.background=＂＆＃35;E9C476＂
document.all.my03.style.background=＂＆＃35;C5C5C5＂
document.all.my05.style.background=＂＆＃35;E9C476＂
document.all.my07.style.background=＂＆＃35;E9C476＂
document.all.my09.style.background=＂＆＃35;E9C476＂
document.all.my02.style.display=＂none＂
document.all.my04.style.display=＂＂
document.all.my06.style.display=＂none＂
document.all.my08.style.display=＂none＂
document.all.my10.style.display=＂none＂
End Sub
Sub my05_onclick
document.all.my01.style.background=＂＆＃35;E9C476＂
document.all.my03.style.background=＂＆＃35;E9C476＂
document.all.my05.style.background=＂＆＃35;C5C5C5＂
document.all.my07.style.background=＂＆＃35;E9C476＂
document.all.my09.style.background=＂＆＃35;E9C476＂
document.all.my02.style.display=＂none＂
document.all.my04.style.display=＂none＂
document.all.my06.style.display=＂＂
document.all.my08.style.display=＂none＂
document.all.my10.style.display=＂none＂
End Sub
Sub my07_onclick
document.all.my01.style.background=＂＆＃35;E9C476＂
document.all.my03.style.background=＂＆＃35;E9C476＂
document.all.my05.style.background=＂＆＃35;E9C476＂
document.all.my07.style.background=＂C5C5C5＂
document.all.my09.style.background=＂＆＃35;E9C476＂
document.all.my02.style.display=＂none＂
document.all.my04.style.display=＂none＂
document.all.my06.style.display=＂none＂
document.all.my08.style.display=＂＂
document.all.my10.style.display=＂none＂
End Sub
Sub my09_onclick
document.all.my01.style.background=＂＆＃35;E9C476＂
document.all.my03.style.background=＂＆＃35;E9C476＂
document.all.my05.style.background=＂＆＃35;E9C476＂
document.all.my07.style.background=＂＆＃35;E9C476＂
document.all.my09.style.background=＂C5C5C5＂
document.all.my02.style.display=＂none＂
document.all.my04.style.display=＂none＂
document.all.my06.style.display=＂none＂
document.all.my08.style.display=＂none＂
document.all.my10.style.display=＂＂
End Sub
--＞
＜/SCRIPT＞
＜BODY class=＂ziti_1＂＞
＜TABLE class=＂ziti_1＂ width=＂460px＂ height=＂300＂ border=＂2＂ bordercolor=＂＆＃35;666666＂ bordercolorlight=＂＆＃35;C0C0C0＂ bordercolordark=＂＆＃35;C0C0C0＂ cellspacing=＂0＂＞
＜TR＞
＜!-- 第一单元　目录，宽度=150px--＞
＜TD width=＂150px＂ valign=top＞＜BR＞
＜TABLE id=my width=＂100%＂ bgcolor=＂＆＃35;FFFFFF＂ align=＂center＂ border=＂0＂ bordercolor=＂＆＃35;F0F0F0＂ cellpadding=＂0＂ frame=hSides＞
＜TR id=my01 height=＂20px＂ bgcolor=＂＆＃35;E9C476＂＞＜TD＞首页＜/TD＞＜/TR＞
＜TR id=my02 style=＂display: none;＂＞＜TD＞
＜A target=＂main＂ href=＂Top/top_1.HTM＂＞== 公司简介 ==＜/A＞＜BR＞
＜A target=＂main＂ href=＂Top/top_2.htm＂＞== 业务范围 ==＜/A＞＜BR＞
＜A target=＂main＂ href=＂Top/top_3.htm＂＞== 印刷特点 ==＜/A＞＜BR＞
＜A target=＂main＂ href=＂Top/top_4.htm＂＞== 工艺流程 ==＜/A＞＜BR＞
＜A target=＂main＂ href=＂Top/top_5.htm＂＞== 技术优势 ==＜/A＞＜BR＞
＜A target=＂main＂ href=＂Top/top_6.htm＂＞== 市场优势 ==＜/A＞＜BR＞
＜/TD＞＜/TR＞＜TR＞＜TD height=＂5px＂＞＜/TD＞＜/TR＞
＜TR id=my03 height=＂20px＂ bgcolor=＂＆＃35;E9C476＂＞＜TD＞印刷说明＜/TD＞＜/TR＞
＜TR id=my04 style=＂display: none;＂＞＜TD＞
04
＜/TD＞＜/TR＞＜TR＞＜TD height=＂5px＂＞＜/TD＞＜/TR＞
＜TR id=my05 height=＂20px＂ bgcolor=＂＆＃35;E9C476＂＞＜TD＞业务报价＜/TD＞＜/TR＞
＜TR id=my06 style=＂display: none;＂＞＜TD＞
06
＜/TD＞＜/TR＞＜TR＞＜TD height=＂5px＂＞＜/TD＞＜/TR＞
＜TR id=my07 height=＂20px＂ bgcolor=＂＆＃35;E9C476＂＞＜TD＞上传规则＜/TD＞＜/TR＞
＜TR id=my08 style=＂display: none;＂＞＜TD＞
08
＜/TD＞＜/TR＞＜TR＞＜TD height=＂5px＂＞＜/TD＞＜/TR＞
＜TR id=my09 height=＂20px＂ bgcolor=＂＆＃35;E9C476＂＞＜TD＞软件说明＜/TD＞＜/TR＞
＜TR id=my10 style=＂display: none;＂＞＜TD＞
10
＜/TD＞＜/TR＞＜TR＞＜TD height=＂5px＂＞＜/TD＞＜/TR＞
＜/TABLE＞
＜/TD＞
＜!-- 第二单元　网页--＞
＜TD align=center＞无＜/TD＞
＜/TR＞
＜/TABLE＞
＜/BODY＞
＜/HTML＞
如果你懂一点编程的话，就非常好理解 谢谢几位的回复，请各位继续指教，谢谢！！！ 谢谢各位的 “顶”， 呵呵，请问怎么 把飘动的图片换成 一个复杂的 表格，我只会做图片滚动的效果，请问换成FLASH或复杂的表格，比如导航栏放在飘动的层中该怎么做？ 请各位指教，qq 407822165 msn houzx@cncbz.com，谢谢！！！ 把图片去掉换成表格8就完了～原理8是和图片一样的吗～反正要随页面的东东都放在那个层里面就行了呀～
你在页面内会插入表格吧～？那层里也是一样的说～
PS楼主哦……有什么问题先自己动动手动动脑的说……其实有的东西自己试一下马上就能找到答案呢～而且自己动手解决的问题和别人告诉你怎么回事对大脑而言记忆力的待遇是8同的哦……
o^0^o 谢谢，sweet snow 小姐的提醒，我都试过了，不行，请各位指教，谢谢！！！
打印本文　 返回顶部　 加入收藏　 关闭窗口
广 告 位 招 租
  • 上一篇： 一个不可错过的网站！！！
  • 下一篇： 求助-关于用Microsoft FrontPage2000超链接的问题
    		•
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
    联系方式
    Copyright © 2004-2007 FCBU.Com All Rights Reserved.
    版权所有:『站长天下』 新凌讯网络;保留所有权利. 赣ICP备05002812