|
查看: 2984|回复: 5
|
Javascript能写到吗
[复制链接]
|
|
|
如果按一个picture时，就会出现一个小小的menu。
menu里有不同的link可以link到不同的sites
请问javascript写到吗？
我试过上网找，但全都是那些写menu的而不是我要的那个，请问有人知道吗？ |
|
|
|
|
|
|
|
|
|
|
|
发表于 27-10-2006 09:38 PM
|
显示全部楼层
可以啊，
但是你也要会改。
我每次都是改来改去的
不会的时候再问一下。
有时候改到我半条命都有
还有你要的是不是相cari一样的menu呢？？ |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 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 编辑 ] |
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 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
|
显示全部楼层
|
|
|
|
|
|
|
|
|
|
|
楼主 |
发表于 28-10-2006 06:34 PM
|
显示全部楼层
|
|
|
|
|
|
|
|
|
| |
 本周最热论坛帖子
|
变色卡
千斤顶
2381 
393
