社区
JavaScript
帖子详情
怎样让图层onmouseover平滑移动?
hccpro
2000-11-14 04:50:00
请教高手:
怎样让图层在onmouseover平滑下移,onmouseout平滑上移?
不要在鼠标还没有滑出该层,该层的onmouseout事件就发生。
使此图层在另一同样大小图层内,平滑上移出去的是否就不显示了?
非常感谢!!!!
...全文
117
2
打赏
收藏
怎样让图层onmouseover平滑移动?
请教高手: 怎样让图层在onmouseover平滑下移,onmouseout平滑上移? 不要在鼠标还没有滑出该层,该层的onmouseout事件就发生。 使此图层在另一同样大小图层内,平滑上移出去的是否就不显示了? 非常感谢!!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
olvest4000
2001-09-06
打赏
举报
回复
真!
ppc207
2000-11-28
打赏
举报
回复
给你个例子自己研究吧。
====1、将以下代码加入到HEML的<head></head>之间:
<style type="text/css">
<!--.link {
color : #000000;
text-decoration : none;
}A.link:hover {
color : red;
}A.link:active {
color : #000000;
text-decoration : none;
}//-->
</style>
<style type="text/css">
<!--
#slidemenubar2{position:absolute;left:-110pt;width:120pt;top:100pt;border:1.5pt solid black;
background-color:#ffffff;layer-background-color:#ffffff;font: 9pt/20pt "宋体";}
body { font-size: 9pt; margin: 0pt}
#slidemenubar { position:absolute;
left:-110pt;width:120pt;top:100pt;border:1.5pt black solid;background-color:#F3F3F3;layer-background-color:lightyellow;
font: 9pt/20pt "宋体"; }
//-->
</style>
====2、将以下代码加入到HEML的<body></body>之间:
<script language="JavaScript1.2">
if (document.all)
document.write('<div id="slidemenubar2" style="left:-100" onMouseover="pull()" onMouseout="draw()">')
</script> <layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()"> <script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()
//以下是菜单内容,自由设置;
sitems[0]="本站首页"
sitems[1]="最新更新"
sitems[2]="梦想软件"
sitems[3]="其它栏目"
sitems[4]="桌面壁纸"
sitems[5]="给我留言"
sitems[6]="下载特区"
sitems[7]="Email Me"
sitems[8]="我的简介"
//菜单项目连接
sitemlinks[0]="http://qdjacky.126.com"
sitemlinks[1]="http://www.abc.com"
sitemlinks[2]="http://abc.ab.com"
sitemlinks[3]="../index.htm"
sitemlinks[4]="../jsschool/index.htm"
sitemlinks[5]="../../../gsbook.htm"
sitemlinks[6]="../../../perl/index.htm"
sitemlinks[7]="mailto:qdjacky@163.net"
sitemlinks[8]="http://qdjacky.126.com"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</script> </layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload()
}function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}</script>
前端面试题(二)(CSS篇)建议收藏,持续更新中...
如何给段落首行缩进? 一看题目居然没想起text-indent????,它的规定如下 适用于块元素 直至单位如下 长度值:px em rem 百分比:取决于包含块的width 关键字: each-line:文本缩进会影响第一行,以及使用 强制断行后的第一行;hanging:该值会对所有的行进行反转缩进:除了第一行之外的所有的行都会被缩进,看起来就像第一行设置了一个负的缩进值。 全局值:inherit ini
前端常见问题
1.null和undefined的区别 2.谈谈性能优化问题 3.常见web安全漏洞 4.哪些操作会造成内存泄漏? 5.浏览器兼容性问题以及列举IE 与其他浏览器不一样的特性? 6.谈谈你对重构的理解 7.HTTP状态码 8.说说你对MVC和MVVM的理解以及vue和angular区别 9.说说你对语义化的理解? 10.浏览器渲染页面的过程 11.头部申明的作用 12.介绍一...
最全面、最详细web前端面试题及答案总结
2021最全面、最详细web前端面试题及答案总结 总结不易,希望可以帮助到即将面试或还在学习中的web前端小伙伴,祝面试顺利,拿高薪! 本章是HTML考点的⾮重难点,因此我们采⽤简略回答的⽅式进⾏撰写,所以不会有太多详细的解释。我们约定,每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么?✨ DOCTYPE是html5标准⽹⻚声明,且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档,不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
新手学网站建设解疑与技巧1200例
新手学网站建设解疑与技巧1200例 1、什么是门户网站:所谓门户网站,是指向某类综合性因特网信息资源,并提供有关信息服务的应用系统。门户网站最初提供搜索引擎和网络接入服务,后来由于市场竞争日益激烈,门户网站不得不快速地拓展各种新的业务类型,希望通过门类众多的业务来吸引和留驻因特网用户,以至于目前门户网站的业务包罗多象,成为网络世界的“百货商场”或“网络超市”。从现在的情况看,门户网
Unity基础知识及一些基本API的使用
Unity基础知识及一些基本API的使用
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章