Javascript能写到吗

lieweffect · 发表于 27-10-2006 08:34 PM

如果按一个picture时，就会出现一个小小的menu。
menu里有不同的link可以link到不同的sites
请问javascript写到吗？
我试过上网找，但全都是那些写menu的而不是我要的那个，请问有人知道吗？

红发 · 发表于 27-10-2006 09:38 PM

可以啊，
但是你也要会改。

我每次都是改来改去的

不会的时候再问一下。

有时候改到我半条命都有

还有你要的是不是相cari一样的menu呢？？

lieweffect · 发表于 27-10-2006 10:39 PM

原帖由红发于 27-10-2006 09:38 PM 发表
可以啊，
但是你也要会改。

我每次都是改来改去的

不会的时候再问一下。

有时候改到我半条命都有
还有你要的是不是相cari一样的menu呢？？

类似像佳丽最上面的那个将，就是在一个webpage里，有几个picture，但，当我按其中一个picture时就会prompt一个小小的menu出来。menu里有几个link可以选择，那些link都是text来的

[ 本帖最后由 lieweffect 于 27-10-2006 10:44 PM 编辑 ]

lieweffect · 发表于 27-10-2006 11:20 PM

我尝试拿佳丽的code来弄
出来的效果是当mouse over的时候图画就向下移，然后那个menu link就出现在图画上面，当mouse leave的时候就，图画还是在那边
有什么办法可以弄到当mouse over的时候，menu link就跟着pointer出现的位置出现？

<html>
<head>
<title>test</title>
</head>
<body>
<script type="text/javascript">

/***********************************************
* AnyLink Drop Down Menu- ? Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]='<div align="left"><a href="http://www.yahoo.com"><font color=red>→</font>a</a>'
menu1[1]='<div align="left"><a href="http://www.google.com"><font color=red>→</font>b</a>'

var menuwidth='165px' //default menu width
var menubgcolor='#f9fcff' //menu bgcolor
var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}

function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

<img src="C:\Documents and Settings\Administrator\Desktop\1.jpeg"/>
<img src="C:\Documents and Settings\Administrator\Desktop\1.jpeg" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()"/>
</body>
</html>

[ 本帖最后由 lieweffect 于 27-10-2006 11:24 PM 编辑 ]

红发 · 发表于 28-10-2006 03:22 PM

http://www.dynamicdrive.com/dynamicindex1/index.html

lieweffect · 发表于 28-10-2006 06:34 PM

原帖由红发于 28-10-2006 03:22 PM 发表
http://www.dynamicdrive.com/dynamicindex1/index.html

已经解决了，我也是在这个网站找到的
谢谢你

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

Javascript能写到吗

所属分类: 电脑手机