如何实现这个效果啊
日期：2014-05-18 浏览次数：20404 次
怎么实现这个效果啊，急！！！！！
我点击页面上一个按钮，从浏览器右下角浮起一个小框。显示一些信息，就像一些即时通信软件来消息以后浮起个框，显示消息的内容。
------解决方案--------------------
参考
http://www.msproject.cn/Article/Web_Popup_Window.aspx
------解决方案--------------------
给你个js例子!稍微再改改!就可以了!
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 4.0 ">
<meta name= "ProgId " content= "FrontPage.Editor.Document ">
<title> New Page 1 </title>
<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>
</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://www.happydrips.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:yshot@263.net "
sitemlinks[8]= "http://www.happydrips.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(draw
我点击页面上一个按钮，从浏览器右下角浮起一个小框。显示一些信息，就像一些即时通信软件来消息以后浮起个框，显示消息的内容。
------解决方案--------------------
参考
http://www.msproject.cn/Article/Web_Popup_Window.aspx
------解决方案--------------------
给你个js例子!稍微再改改!就可以了!
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 4.0 ">
<meta name= "ProgId " content= "FrontPage.Editor.Document ">
<title> New Page 1 </title>
<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>
</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://www.happydrips.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:yshot@263.net "
sitemlinks[8]= "http://www.happydrips.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(draw
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
