关于CSS弹出效果在线等答案

Kdsffsd · 发表于 2009-5-25 01:02:11

关于CSS弹出效果在线等答案
效果是这样的：现在需要点击图片才能够弹出提示框~~能不能设置成鼠标停留到图片上面自动弹出了~~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>下拉式菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<STYLE>#iewrap {
      POSITION: relative; HEIGHT: 30px
}
#iewrap2 {
      POSITION: absolute
}
#dropmenu03 {
      FILTER: revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
BODY {
      MARGIN-TOP: 0px; FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
A {
      FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
.pt9 {
      FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
</STYLE>

<META content="下拉式菜单导航" name=keywords>
<META content=一个下拉式菜单导航脚本 name=description>
<META content="MSHTML 6.00.2900.3020" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff><ILAYER name="dropmenu01" id=dropmenu01 width="150" height="35px"><LAYER name="dropmenu02" width="150"
visibility="show" id=dropmenu02><SPAN id=iewrap><SPAN id=iewrap2
onclick="dropit2();event.cancelBubble=true;return false"><FONT face=宋体><A
href="http://www.aspxboy.com/myjs/htm/menu/dmenu.htm#"><img src="er.gif"></A></FONT>
</SPAN></SPAN></LAYER>
</ILAYER>
<SCRIPT language=JavaScript1.2>

//如果想关闭 "fade"（消隐）效果，将如下参数设置成false，适用于IE用户。
var enableeffect=true

//将如下数组修改成你自己的。
var selection=new Array()
selection='<font face="宋体"><a href="www.ue100.com/~lionwind">本站首页</a></font><br>'
selection='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[2]='<font face="宋体"><a href="../../navigation/applet/appletindex.htm">JavaApplet</a></font><br>'

selection[3]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[4]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[5]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[6]='<font face="宋体"><a href="#">一个连接</a></font><br>'
selection[7]='<font face="宋体"><a href="#">一个连接</a></font>'

if (document.layers)
document.dropmenu01.document.dropmenu02.visibility='show'

function dropit2(){
if (document.all){
dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
dropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (dropmenu03.style.visibility=="hidden"){
if (enableeffect)
dropmenu03.filters.revealTrans.apply()
dropmenu03.style.visibility="visible"
if (enableeffect)
dropmenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.dropmenu03.visibility=="hide")
document.dropmenu03.visibility="show"
else
document.dropmenu03.visibility="hide"
document.dropmenu03.left=e.pageX-e.layerX
document.dropmenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
dropmenu03.filters.revealTrans.stop()
dropmenu03.style.visibility="hidden"
}

function hidemenu2(){
document.dropmenu03.visibility="hide"
}

if (document.layers){
document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)
document.dropmenu01.document.dropmenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</SCRIPT>

<DIV id=dropmenu03
style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: seashell; layer-background-color: seashell">
<SCRIPT language=JavaScript1.2>
if (document.all)
dropmenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection)
</SCRIPT>
</DIV>
<SCRIPT language=JavaScript1.2>
if (document.layers){
document.dropmenu03.captureEvents(Event.CLICK)
document.dropmenu03.onclick=hidemenu2
}
</SCRIPT>

<P>nbsp;</P></BODY></HTML>

hailar · 发表于 2010-2-15 17:05:05

沙发...................

		自动登录	找回密码
密码			注册

关于CSS弹出效果 在线等答案

关于CSS弹出效果在线等答案