文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络网络编程Script浮动菜单是如何作出来的mouse事件
精品推荐
特别推荐
·主页javascript特效19则
·各种网页媒体播放器代码及详解
·用户体验:JS实现仿新浪信息提示效果
·网页特效:图片随机显示实例详解
·JavaScript入门学习书籍的阶段选择
·Javascript代码轻松隐藏网页源文件
·网页制作:JavaScript仿Windows关机效果
·网页制作Javascript经典小技巧总结
热点TOP10
·javascript实现语法分色编辑器
·总结性知识:107个常用Javascript语句
·Javascript模拟的DOS窗口代码实例
·JavaScript应用实例:网页折叠菜单
·撕页广告代码及简介
·用javascript作消息提示框(类似于QQ用户上线的消息提示)
·使用Javascript创建XML文件
·用vbscript实现在文本文件中搜索两个项

浮动菜单是如何作出来的mouse事件

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]

这个问题由我来做一个最终解答吧。我以前也同样惊异于闪光地带的这个特效,苦恼于不知如何实现。我在经典提问,有一位网友热心解答了我的问题,但只是局限于如何加入和“闪光地带”同样的效果,而且并不完美,实际上这个脚本还可以实现许多效果,不知是zippy不知道还是没有用?可是当时看代码看的头晕眼花的我还是不知如何实现,幸运的是随着时间的推移,我终于找到了这个问题非常圆满的答案。请看:
这个效果是一个js特效,js文件名为coollayer.js也有叫overlib.js的,它可实现一种非常酷的浮动菜单效果,有5种风格:
风格1:没有标题栏
风格2:显示标题栏
风格3:点击显示标题栏
风格4:点击左侧显示标题栏
风格5:居中显示浮动窗口
在js文件中,绝大部分不必修改,你只要改一下显示的字体的大小即可。主要修改html文档页面,因为弹出的浮动窗口的显示内容全部由它控制。看看源代码,非常容易看得懂。比如我新建的网页:http://q3a.go.163.com

参数含义:(caption--标题)

onMouseOver 用以下函数控制:

Center(居中)
dcs(text)
dcc(text, caption)
Right
drs(text)
drc(text, caption)
Left
dls(text)
dlc(text, caption)

onMouseOut 用以下函数控制:

nd()

onClick 用以下函数控制:

scc(text, caption)
src(text, caption)
slc(text, caption)

其余注意的要点:

在<BODY></BODY>标签内必须有下面的2行:
<DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV>
<SCRIPT LANGUAGE="JavaScript" SRC="overlib.js"></SCRIPT>

CSS用下面的一行控制,放在<head></head>之间。
<LINK REL="stylesheet" HREF="overlib.css" TYPE="text/css">
这些内容是摘自java2000站点的关于这个特效的说明文件,我已经做成了压缩包供大家下载。
地址是http://go.163.com/~dreamwar/resource/downloads/classical/coollink.zip同时欢迎大家来我的新网站:“雷神战梦”(http://q3a.go.163.com)做客,比闪光地带的那个特效还酷哦!!

附java2000的网址:http://java2000.126.com

附coollayer.js(overlib.js)源文件:

////////////////////////////////////////////////////////////////////////////////////
// overLIB 2.22 -- Please leave this notice.
//
// By Erik Bosrup (erik@bosrup.com) Last modified 1999-03-31
// Portions by Dan Steinman, Landon Bradshaw and Gnowknayme.

[1] [2] [3] [4] [5] 下一页 



上一篇:斜体样式的导航条

下一篇:document.getElementById的一些细节

相关文章:
·如何进行局域网设置
·如何对硬盘分区
·建国以来的全套人民币图片
·网上开店经验谈—淘宝商户教你如何网上赚钱
·教您如何使用无线上网全攻略
·申请的国际域名如何指向个人主页的免费空间
·如何实现局域网打印机共享
相关软件:
·如何加固Windows XP 主机安全
·如何安装双系统
·零起点教你如何破解软件和制作注册机 and 视频+程序
·如何评估您的商机
·如何开公司
·车臣之鉴: 俄罗斯恐怖事件根源及教训
·炒作?没事找事的事件营销

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot