TShopping

 找回密碼
 註冊
搜索
查看: 2092|回復: 3
打印 上一主題 下一主題

[教學] 右鍵選單的語法

[複製鏈接]
跳轉到指定樓層
1#
發表於 2010-1-22 00:43:04 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
  1. <HEAD><SCRIPT Language="javascript">
  2. var display_url=0
  3. function showmenuie5(){
  4. ie5menu.style.left=document.body.scrollLeft+event.clientX
  5. ie5menu.style.top=document.body.scrollTop+event.clientY
  6. ie5menu.style.visibility="visible"
  7. return false
  8. }

  9. function hidemenuie5(){
  10. ie5menu.style.visibility="hidden"
  11. }

  12. function highlightie5(){
  13. if (event.srcElement.className=="menuitems"){
  14. event.srcElement.style.backgroundColor="highlight"
  15. event.srcElement.style.color="white"
  16. if (display_url==1)
  17. window.status=event.srcElement.url
  18. }
  19. }

  20. function lowlightie5(){
  21. if (event.srcElement.className=="menuitems"){
  22. event.srcElement.style.backgroundColor=""
  23. event.srcElement.style.color="black"
  24. window.status=''
  25. }
  26. }

  27. function jumptoie5(){
  28. if (event.srcElement.className=="menuitems")
  29. window.location=event.srcElement.url
  30. }
  31. </SCRIPT>
  32. <style>
  33. <!--
  34. #ie5menu{
  35. position:absolute;
  36. width:110px;
  37. border:2px solid black;
  38. background-color:menu;
  39. font-family:Verdana;
  40. line-height:20px;
  41. cursor:default;
  42. visibility:hidden;
  43. }
  44. .menuitems{
  45. padding-left:15px;
  46. padding-right:15px;
  47. }
  48. -->
  49. </style></HEAD>
  50. <BODY><div id="ie5menu" onmouseover="highlightie5()" onmouseout="lowlightie5()" onClick="jumptoie5()">
  51.  <div class="menuitems" url="打上你要的網址">打上你要的</div>
  52. <div class="menuitems" url="打上你要的網址">打上你要的</div>
  53. <div class="menuitems" url="打上你要的網址">打上你要的</div>
  54. <div class="menuitems" url="打上你要的網址">打上你要的</div>
  55. </div>
  56. <SCRIPT Language="javascript">
  57. document.oncontextmenu=showmenuie5
  58. if (document.all&&window.print)
  59. document.body.onclick=hidemenuie5
  60. </Script></BODY>
複製代碼
修改方法
<div class="menuitems" url="打上你要的網址">打上你要的</div>
<div class="menuitems" url="打上你要的網址">打上你要的</div>
<div class="menuitems" url="打上你要的網址">打上你要的</div>
<div class="menuitems" url="打上你要的網址">打上你要的</div>

 

臉書網友討論
2#
發表於 2013-11-14 00:43:30 | 只看該作者
不錯,看看。  

版主招募中

3#
發表於 2013-11-14 00:43:30 | 只看該作者
支持你一下下。。  


*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-5-2 20:04 , Processed in 0.065720 second(s), 19 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表