masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 推荐:极酷右键菜单_典型特效

推荐:极酷右键菜单_典型特效

WBOY
Lepaskan： 2016-05-16 19:23:48
asal
967 orang telah melayarinya

复制代码 代码如下:

点击右键看看！


onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);
divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false">
height:19px; z-index:1;color:white;background:707888;cursor:default;" class="none" 
onmouseover="menuin();init()">右键菜单

height:19px; z-index:2; filter:alpha(opacity=0)" onmouseover="this.className='over';menuin()"
onmouseout="this.className='none';" class="none"
>网络学院

class=none onmouseover="this.className='over';menuin()"
onmouseout="this.className='none';">菜单项二

class=none onmouseover="this.className='over';menuin()"
onmouseout="this.className='none';">菜单项三

class=none onmouseover="this.className='over';menuin()"
onmouseout="this.className='none';">菜单项四
　
class=none onmouseover="this.className='over';menuin()"
onmouseout="this.className='none';">菜单项五


<script> <BR>dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree <BR>down=false <BR>timelinestart=0 <BR>timelinestop=0 <BR>sub document_onmousedown <BR>if window.event.button=2 then <BR>plane.style.display="" <BR>plane.style.left=window.event.clientx-153 <BR>plane.style.top=window.event.clienty-35 <BR>end if <BR>end sub <BR>sub document_onmousemove <BR>if down then <BR>plane.style.left=window.event.clientx-divleft <BR>plane.style.top=window.event.clienty-divtop <BR>end if <BR>end sub <BR>sub document_ondargstart <BR>window.event.returnvalue=false <BR>end sub <BR>function menuin() <BR>cleartimeout(tidtree) <BR>end function <BR>sub document_onclick <BR>tidtree=settimeout("outit()",200) <BR>end sub <BR>function init() <BR>if timelinestart<>5 then <BR>cleartimeout(tidtwo) <BR>item1.style.pixelLeft=item1.style.pixelLeft+20 <BR>item1.filters.alpha.opacity=item1.filters.alpha.opacity+20 <BR>item2.style.pixelLeft=item2.style.pixelLeft-20 <BR>item2.filters.alpha.opacity=item2.filters.alpha.opacity+20 <BR>item3.style.pixelLeft=item3.style.pixelLeft+20 <BR>item3.filters.alpha.opacity=item3.filters.alpha.opacity+20 <BR>item4.style.pixelLeft=item4.style.pixelLeft-20 <BR>item4.filters.alpha.opacity=item4.filters.alpha.opacity+20 <BR>item5.style.pixelLeft=item5.style.pixelLeft+20 <BR>item5.filters.alpha.opacity=item5.filters.alpha.opacity+20 <BR>timelinestart=timelinestart+1 <BR>else <BR>cleartimeout(tidone) <BR>end if <BR>tidone=settimeout("init()",1) <BR>end function <BR>function outit() <BR>if timelinestart<>0 then <BR>cleartimeout(tidone) <BR>item1.style.pixelLeft=item1.style.pixelLeft-20 <BR>item1.filters.alpha.opacity=item1.filters.alpha.opacity-20 <BR>item2.style.pixelLeft=item2.style.pixelLeft+20 <BR>item2.filters.alpha.opacity=item2.filters.alpha.opacity-20 <BR>item3.style.pixelLeft=item3.style.pixelLeft-20 <BR>item3.filters.alpha.opacity=item3.filters.alpha.opacity-20 <BR>item4.style.pixelLeft=item4.style.pixelLeft+20 <BR>item4.filters.alpha.opacity=item4.filters.alpha.opacity-20 <BR>item5.style.pixelLeft=item5.style.pixelLeft-20 <BR>item5.filters.alpha.opacity=item5.filters.alpha.opacity-20 <BR>timelinestart=timelinestart-1 <BR>else <BR>cleartimeout(tidtwo) <BR>plane.style.display="none" <BR>exit function <BR>end if <BR>tidtwo=settimeout("outit()",1) <BR>end function <BR></script>
Label berkaitan：
推荐:极酷右键菜单
sumber：php.cn
Artikel sebelumnya：禁止刷新，回退的JS_典型特效 Artikel seterusnya：最简短的拖动对象代码实例演示_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2070
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2235
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1880
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1763
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1796
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan