首頁新隨筆新文章聯系聚合

posts - 495,comments - 227,trackbacks - 0

<

2006年9月

>

日

一

二

三

四

五

六

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

30

1

2

3

4

5

6

7

常用鏈接

留言簿(46)

隨筆分類(476)

隨筆檔案(495)

搜索

積分與排名

積分 - 1395445
排名 - 16

閱讀排行榜

評論排行榜

網頁右鍵菜單（一）

<HTML>

<HEAD>

<!--

// menu object

function contextMenu()

{

?this.items?? = new Array();

?

?this.addItem = function (item)

?{

? this.items[this.items.length] = item;

?}

?

?this.show = function (oDoc)

?{

? var strShow = "";

? var i;

?

? strShow = "<div id=\"rightmenu\" style=\"BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10\">";

? strShow += "<table border=\"0\" height=\"";

? strShow += this.items.length * 20;

? strShow += "\" cellpadding=\"0\" cellspacing=\"0\">";

? strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\" width=\"2\"></td><td>";

? strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";

? strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";

? strShow += "</td><td width=\"2\"></td></tr>";

? strShow += "<tr><td bgcolor=\"#d0d0ce\"></td><td>";

? strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=3 cellspacing=0 bgcolor=\"#ffffff\">";

? oDoc.write(strShow);

? for(i=0; i<this.items.length; i++)

? {

?? this.items[i].show(oDoc);

? }

? strShow = "</table></td><td></td></tr>";

? strShow += "<tr height=\"3\"><td bgcolor=\"#d0d0ce\"></td><td>";

? strShow += "<table border=\"0\" width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0 bgcolor=\"#ffffff\">";

? strShow += "<tr><td bgcolor=\"#d0d0ce\" width=\"23\"></td><td><img src=\" \" height=\"1\" border=\"0\"></td></tr></table>";

? strShow += "</td><td></td></tr>";

? strShow += "</table></div>\n";

? oDoc.write(strShow);

?}

}

?

// menu Item object

function contextItem(text, icon, cmd, type)

{

?this.text = text ? text : "";

?this.icon = icon ? icon : "";

?this.cmd = cmd ? cmd : "";

?this.type = type ? type : "menu";

?

?this.show = function (oDoc)

?{

? var strShow = "";

?

? if(this.type == "menu")

? {

?? strShow += "<tr ";

?? strShow += "onmouseover=\"changeStyle(this, 'on');\" ";

?? strShow += "onmouseout=\"changeStyle(this, 'out');\" ";

?? strShow += "onclick=\"";

?? strShow += this.cmd;

?? strShow += "\">";

?? strShow += "<td class=\"ltdexit\" width=\"16\">";

?? if (this.icon == "")

??? strShow += " ";

?? else {

??? strShow += "<img border=\"0\" src=\"";

??? strShow += this.icon;

??? strShow += "\" width=\"16\" height=\"16\" style=\"POSITION: relative\"></img>";

?? }

?? strShow += "</td><td class=\"mtdexit\">";

?? strShow += this.text;

?? strShow += "</td><td class=\"rtdexit\" width=\"5\"> </td></tr>";

? }

? else if (this.type == "separator")

? {

?? strShow += "<tr><td class=\"ltdexit\"> </td>";

?? strShow += "<td class=\"mtdexit\" colspan=\"2\"><hr color=\"#000000\" size=\"1\"></td></tr>";

? }

?

? oDoc.write(strShow);

?}

}

?

function changeStyle(obj, cmd)

{

?if(obj) try {

? var imgObj = obj.children(0).children(0);

?

? if(cmd == 'on') {

?? obj.children(0).className = "ltdfocus";

?? obj.children(1).className = "mtdfocus";

?? obj.children(2).className = "rtdfocus";

?? if(imgObj)

?? {

??? if(imgObj.tagName.toUpperCase() == "IMG")

??? {

???? imgObj.style.left = "-1px";

???? imgObj.style.top = "-1px";

??? }

?? }

? }

? else if(cmd == 'out') {

?? obj.children(0).className = "ltdexit";

?? obj.children(1).className = "mtdexit";

?? obj.children(2).className = "rtdexit";

?? if(imgObj)

?? {

??? if(imgObj.tagName.toUpperCase() == "IMG")

??? {

???? imgObj.style.left = "0px";

???? imgObj.style.top = "0px";

??? }

?? }

? }

?}

?catch (e) {}

}

?

function showMenu()

{

?var x, y, w, h, ox, oy;

?

?x = event.clientX;

?y = event.clientY;

?

?var obj = document.getElementById("rightmenu");

?if (obj == null)

? return true;

?

?ox = document.body.clientWidth;

?oy = document.body.clientHeight;

?if(x > ox || y > oy)

? return false;

?w = obj.offsetWidth;

?h = obj.offsetHeight;

?if((x + w) > ox)

?? x = x - w;

?if((y + h) > oy)

? y = y - h;

?

?obj.style.posLeft = x + document.body.scrollLeft;

?obj.style.posTop = y + document.body.scrollTop;

?obj.style.visibility = "visible";

?

?return false;

}

function hideMenu()

{

?if(event.button == 0)

?{

? var obj = document.getElementById("rightmenu");

? if (obj == null)

?? return true;

? obj.style.visibility = "hidden";

? obj.style.posLeft = 0;

? obj.style.posTop = 0;

?}

}

?

function writeStyle()

{

?var strStyle = "";

?

?strStyle += "<STYLE type=text/css>";

?strStyle += "TABLE {Font-FAMILY: \"Tahoma\",\"Verdana\",\"宋體\"; FONT-SIZE: 9pt}";

?strStyle += ".mtdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; CURSOR: hand}";

?strStyle += ".mtdexit {BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid}";

?strStyle += ".ltdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; CURSOR: hand}";

?strStyle += ".ltdexit {BACKGROUND-COLOR: #d0d0ce; BORDER-BOTTOM: #d0d0ce 1px solid; BORDER-TOP: #d0d0ce 1px solid; BORDER-LEFT: #d0d0ce 1px solid}";

?strStyle += ".rtdfocus {BACKGROUND-COLOR: #ccccff; BORDER-BOTTOM: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; CURSOR: hand}";

?strStyle += ".rtdexit {BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid}";

?strStyle += "</STYLE>";

?

?document.write(strStyle);

}

?

function makeMenu()

{

?var myMenu, item;

?

?var homepage_cmd = "this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.51it.org/'); return false;";

?var favorate_cmd = "window.external.addFavorite('http://www.51it.org/','無憂IT網'); return false;";

?var viewcode_cmd = "window.location = 'view-source:' + window.location.href";

?

?myMenu = new contextMenu();

?

?item = new contextItem("返回主頁", "

?myMenu.addItem(item);

?

?item = new contextItem("設為主頁", "

?myMenu.addItem(item);

?

?item = new contextItem("添加到收藏夾", "

?myMenu.addItem(item);

?

?item = new contextItem("聯系作者", "

?myMenu.addItem(item);

?

?item = new contextItem("", "", "", "separator");

?myMenu.addItem(item);

?

?item = new contextItem("察看源碼", "

?myMenu.addItem(item);

?

?myMenu.show(this.document);

?

?delete item;

?delete myMenu;

}

?

function toggleMenu(isEnable)

{

?if(isEnable)

? document.oncontextmenu = showMenu;

?else

? document.oncontextmenu = new function() {return true;};

}

?

writeStyle();

makeMenu();

document.onclick = hideMenu;

document.oncontextmenu = showMenu;

file://-->

</script>

?

</HEAD>

?<tr><td valign="top">

? <div id="docBoard" style="width: 100%">

?? 超酷的XP風格的網頁右鍵菜單特效代碼 http://www.51it.org/htmldata/sort/5.html

? </div>

?</td>

?<td valign="top" align="right">

? <p><input type="checkbox" name="closerm" onclick="toggleMenu(!this.checked);">關閉右鍵菜單</p>

?</td>

?</tr>

</table>

</body>

</HTML>

posted on 2006-09-26 17:21 SIMONE 閱讀(520) 評論(0) 編輯收藏所屬分類: JSP

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Spring MVC 教程,快速入門,深入分析 Http緩存Last-Modified、ETag和Expires的Java終結解決之道 Spring的注入方法小結根據靜態類生成自定義JSTL標簽TDL DBCP的配置參數使用hibernate SQLQuery實現動態表 J2SE API讀取Properties文件的六種方法通過正則表達式將URL串中的參數名-值進行分解（符合特殊字符的處理如&?） struts2+spring發送mail 怎樣用Java來獲取真實的IP地址

常用鏈接

留言簿(46)

隨筆分類(476)

隨筆檔案(495)

最新隨筆

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜