直接将下面这段代码复制到html中就可以看到效果啦!
<html>
<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>
<title>预览特效</title>
</head>
<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:jackie@163.com"
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><p align="center" style="line-height: 20px"><font color="#666666"><span
style="font-size: 9pt">主页特效制作百宝箱V2.0-特效预览窗口-推拉门式样的菜单<br>
<font face="Arial, Helvetica, sans-serif">Copyright By dream workroom<font color="#ff0000">
</font>All Right Reserved</font> </span></font><img src="logo.gif"></p>
<hr size="1" noshade width="100%" color="red">
<font face="Arial, Helvetica, sans-serif" color="#666666">
<p align="center" style="line-height: 20px"></font>
</body>
</html>
分享到:
相关推荐
Axure 侧边栏推拉菜单原型
使用javascript实现的推拉菜单 源码等实现方法在文档中已详细说明
delphi推拉式菜单实例的简单实现
delphi左侧推拉式菜单实例代码; 包含简单软件基础界面; 适合新手; 成手勿喷,谢谢!
这是一款效果非常炫酷的jQuery和CSS3全屏推拉式滑动菜单特效插件。这个插件的效果是当点击了主菜单按钮时,全屏菜单从屏幕左侧滑出,主菜单按钮动态旋转更换图标。
推拉门式样的菜单[根据提示修改][共2步]====1、将以下代码加入到HEML的<head></head>之间:;text/css"><!--.link {color : #000000;text-decoration : none;}A.link:hover {color : red;}A.link:active {color ...
android页面推拉效果,可以根据需要进行修改
使用Qt实现推拉组件,在一个主窗体上推拉出一个窗体不影响布局,可以跟随主窗体移动。
又看了郭霖大神的一篇博客《Android 3D滑动菜单完全解析,实现推拉门式的立体特效》,是关于自定义控件方面的,因为自己关于自定义控件了解的不过,以前的要求是会用就行,但是后来越发的明白只会用是不够的,...
之前做推拉门式菜单时在网上找的都不兼容ff,这是小弟自己改动了点,兼容ff和IE,希望给大家方便。不足之处请多多指点
“推拉窗”样式图文菜单,横向滑动展开,本代码中引入了jQuery插件,菜单更具动态,用鼠标点击图标,菜单会展开,内容显示出来,点击第二个的时候,之前的自动合拢,确保手风琴所占的位置始终不变。
jquery.secretnav是一款效果非常炫酷的jQuery推拉式3D隐藏侧边栏菜单特效。该隐藏侧边栏特效支持从左侧和顶部显示菜单,并且在显示菜单的时候带有3D透视的推拉效果,非常的优美。
行业资料-交通装置-一种推拉折叠式简易车库.zip
此为示例代码,详解讲解请参考博文: http://blog.csdn.net/guolin_blog/article/details/10471245 如果对资源内容有疑问,可以到博客中留言。
此外,模板还提供了丰富的交互效果,如轮播图、下拉菜单、弹窗等,让您的原型更具吸引力和实用性。在设计这套模板时,我们充分考虑了用户体验和视觉美观。每个组件都经过精心设计,既符合最新的设计趋势,又易于使用...
新版特色: 3.0版集合了更多的功能,它们包括法线推拉(n)、向量推拉(v)、联合推拉(j)、投影推拉(x)、倒角推拉(r)和智能推拉(f)。 最新版本3.x更具互动性,并增加了3个新工具:挤压、倒角和跟随, V3.2还增加了向量...
su sketchup 超级推拉 把解压包里的文件放到软件su所安装文件下的plugin文件夹里即可
在上一篇文章中,我们学习了Camera的基本用法,并借助它们编写了一个...不要着急,今天我就带着大家一起来实现一种3D推拉门式的滑动菜单,而且完全不会借助任何API Demos里面的代码。 当然如果你还不是很了解Camera的使
JS的弹性相册展示代码(推拉式),当鼠标移动到图片上时自动切换成当前的图片并显示详细信息
这是一个推拉门效果,根据触摸屏幕,按下,移动,离开结合Scroller进行了处理。