https://www.cnblogs.com/tianxuwei/p/10478787.html

最新推荐文章于 2021-01-24 09:10:32 发布

Asuna01

最新推荐文章于 2021-01-24 09:10:32 发布

阅读量7k

点赞数

分类专栏： Javascript 文章标签： javascript

原文链接：https://www.cnblogs.com/tianxuwei/p/10478787.html

版权

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

24. 图片表单按钮
<form id="form1" name="form1" method="post" action="">
 <img src="login.gif" width="62" height="22" οnclick="document.form1.submit()" />
 </form> 
 
 25.左右阴影背景的CSS定义方法body {
 text-align:center;
 background-repeat: repeat-y;
 background-position: center;
 background-image: url(../images/bg.jpg);
 } 
 
 26.划过链接 手型鼠标
style="cursor:hand" 
 
 27.关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a> 
 
 28. 如果文字过长,则将过长的部分变成省略号显示 
 <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis"> 
 <NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR> 
 </DIV> 
 
  29. 进入主页后自动最大化
<script> 
 self.moveTo(0,0) 
 self.resizeTo(screen.availWidth,screen.availHeight) 
 </script> 
 
  30. 凹陷文字 
 <div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
 <font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
 <a href=" http://www.lenvo.cn/ ">www.lenvo.cn</a></font>
 </div> 
 
  31. 运行代码框<script>
 function Preview()
 {var TestWin=open('');
 TestWin.document.write(code.value);}
 </script>
 <textarea id=code cols=60 rows=15></textarea>
 <br>
 <button οnclick=Preview() >运行</button> 
 
  32. 给表格做链接 
 <table width="100%" οnclick="window.open(' http://www.makewing.com/ ', '_blank')" style="CURSOR:hand">
 <tr>
 <td height="100" bgcolor="f4f4f4"> </td>
 </tr>
 </table>
 
 
  33. 让弹出窗口总是在最上面
<body οnblur="this.focus();"> 
 
  34. CSS文字阴影 
 .shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;} 
 
 35.  后退&关闭窗口
 后退：javascript:history.back(1)
关闭：javascript:window.close(); 
 
  36. 表格透明 
style="FILTER: alpha(opacity=72)"
 
  37. 如何避免别人把你的网页放在框架中 
 <script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script> 
 
  38. Alt和Title的区别 
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
 
<a href="#" Title="给链接文字提示">文字</a>
 <p Title="给链接文字提示">文字</p>
 
 <img src="图片链接" alt="给图片提示">
 
 
39.  所有的javascript的调用尽量采取外部调用 
 <SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT> 
 
 40. 链接到
response.redirect"login.asp"
 location.href="xx.asp"
 onClick="window.location='login.asp'"
 onClick="window.open('')"
 
  
  
  
  
下拉菜单二 
 
<html>
 <head>
 <title>下拉菜单二</title>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 </head>
  
<body bgcolor="#FFFFFF" text="#000000">
 <SCRIPT LANGUAGE="JavaScript">
  
<!-- Begin
 var isDOM = false, isNS4 = false;
 if (document.all) var isDOM = true, docObj = 'document.all.', styObj = '.style';
 else if (document.layers) var isNS4 = true, docObj = 'document.', styObj = '';
 // Hide timeout
 var popTimer = 0;
 var litNow = new Array();
 function popOver(menuNum, itemNum) {
 clearTimeout(popTimer);
 hideAllBut(menuNum);
 litNow = getTree(menuNum, itemNum);
 changeCol(litNow, true);
 targetNum = menu[menuNum][itemNum].target;
 if (targetNum > 0) {
 targetName = menu[targetNum][0].id;
 menuName = menu[menuNum][0].id;
 menuRef = eval(docObj + menuName + styObj);
 thisX = parseInt(menuRef.left);
 thisY = parseInt(menuRef.top);
 // Add onto this the position of the trigger item within the menu
 itemPath = docObj;
 if (isNS4) itemPath += menuName + '.document.';
 itemRef = eval(itemPath + menuName + itemNum.toString() + styObj);
 thisX += parseInt(itemRef.left);
 thisY += parseInt(itemRef.top);
 // Add those to the target's offset to set the target's position, show it.
 with (eval(docObj + targetName + styObj)) {
 left = parseInt(thisX + menu[targetNum][0].x);
 top = parseInt(thisY + menu[targetNum][0].y);
 visibility = 'visible';
 }
 }
 }
 function popOut(menuNum, itemNum) {
 // Hide menu in 1/2 sec, *UNLESS* another mouseover clears the timeout!
 popTimer = setTimeout('hideAllBut(0)', 500);
 }
 function getTree(menuNum, itemNum) {
 // Array index is the menu number. The contents are null (if that menu is not a parent)
 // or the item number in that menu that is an ancestor (to light it up).
 itemArray = new Array(menu.length);
 while(1) {
 itemArray[menuNum] = itemNum;
 if (menuNum == 0) return itemArray;
 itemNum = menu[menuNum][0].parentItem;
 menuNum = menu[menuNum][0].parentMenu;
 }
 }
 // Pass an array and a boolean to specify colour change, true = over colour.
 function changeCol(changeArray, isOver) {
 for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
 if (changeArray[menuCount]) {
 thisMenu = menu[menuCount][0].id;
 thisItem = thisMenu + changeArray[menuCount].toString();
 newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
 if (isDOM) document.all[thisItem].style.backgroundColor = newCol;
 if (isNS4) document[thisMenu].document[thisItem].bgColor = newCol;
 }
 }
 }
 function hideAllBut(menuNum) {
 var keepMenus = getTree(menuNum, 1);
 for (count = 0; count < menu.length; count++)
 if (!keepMenus[count])
 eval(docObj + menu[count][0].id + styObj + '.visibility = "hidden"');
 changeCol(litNow, false);
 }
 // *** MENU CONSTRUCTION FUNCTIONS ***
 // Variable to end a div or layer based on browser.
 var endDL = isDOM ? '</div>' : '</layer>';
 function Menu(id, x, y, width, overCol, backCol, borderCol) {
 this.id = id;
 this.x = x;
 this.y = y;
 this.width = width;
 // Colours of menu and items.
 this.overCol = overCol;
 this.backCol = backCol;
 this.borderCol = borderCol;
 // Parent menu and item numbers, indexed later.
 this.parentMenu = null;
 this.parentItem = null;
 }
 function Item(text, href, height, target) {
 this.text = text;
 this.href = href;
 this.height = height;
 this.target = target;
 }
 function startDL(id, x, y, width, height, vis, back, border, zIndex, extraProps) {
 // Write a div in IE that resembles a layer's settings, or a layer in NS.
 if (isDOM) {
 str = '<div id="' + id + '" style="position: absolute; left: ' + x + '; top: ' + y +
 '; width: ' + width + '; height: ' + height + '; visibility: ' + vis + '; ';
 if (back) str += 'background: ' + back + '; ';
 if (border) str += 'padding: 3px; border: 1px solid ' + border + '; ';
 if (zIndex) str += 'z-index: ' + zIndex + '; ';
 // End style declaration.
 str += '" ';
 }
 if (isNS4) {
 str = '<layer id="' + id + '" left="' + x + '" top="' + y + '" width="' + width +
 '" height="' + height + '" visibility="' + vis + '" ';
 if (back) str += 'bgcolor="' + back + '" ';
 if (border) str += 'style="border: 1px solid ' + border + '" ';
 if (zIndex) str += 'z-index="' + zIndex + '" ';
 }
 return str + extraProps + '>';
 }
 function mouseProps(currMenu, currItem) {
 return 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')"';
 }
 function writeMenus(customRoot, popInd) {
 for (currMenu = 0; currMenu < menu.length; currMenu++) {
 showMenu = true;
 if ((currMenu == 0) && customRoot) {
 document.write(customRoot);
 showMenu = false;
 }
 with (menu[currMenu][0]) {
 // Start generating a div with position offset - no dimensions, colours, mouseovers.
 // This position is only relevant for root menu anyway as all others are altered later.
 menuHTML = startDL(id, x, y, 0, 0, 'hidden', null, null, 100, '');
 // Width is less padding (3 left & right) and border (1 left & right).
 var back = backCol, bord = borderCol, currWidth = width - 8;
 }
 // Y-position of next item, increase if you want a menu header.
 itemPos = 0;
 // Remember, items start from 1 in the array (0 is menu object itself, above).
 for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
 // Auto-generate ID's in numerical sequence.
 trigID = menu[currMenu][0].id + currItem.toString();
 // Now, work with properties of individual menu items.
 with (menu[currMenu][currItem]) {
 // Start a menu item positioned vertically, with mouse events and colours.
 menuHTML += startDL(trigID, 0, itemPos, 0, 0, 'inherit', back, bord, 100, mouseProps(currMenu, currItem)) + '<table width="' + currWidth + '" border="0" cellspacing="0" cellpadding="0"><tr>' + '<td align="left"><a class="Item" href="' + href + '">' + text + '</a></td>' + '<td class="Item" align="right">' + (target ? popInd : '') + '</td></tr></table>' + endDL;
 if (target > 0) {
 // Set target's parents to this and offset it by the current position.
 menu[target][0].parentMenu = currMenu;
 menu[target][0].parentItem = currItem;
 }
 // Move next item position down by this item's height.
 itemPos += height;
 }
 }
 // Write this menu to the document.
 if (showMenu) document.write(menuHTML + endDL);
 litNow[currMenu] = null;
 }
 }
 //  End -->
 </script>
 <style>
 <!--
.Item { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }
-->
 </style>
 <SCRIPT LANGUAGE="JavaScript">
 <!-- Begin
 var menu = new Array();
 // Default colours passed to most menu constructors (just passed to functions, not
 // a global variable - makes things easier to change later).
 var defOver = '#336699', defBack = '#003366', defBorder = '#000000';
 // Default height of menu items - the spacing to the next item, actually.
 var defHeight = 22;
 // Menu 0 is the special, 'root' menu from which everything else arises.
 menu[0] = new Array();
 // Pass a few different colours, as an example.
 menu[0][0] = new Menu('rootMenu', 0, 0, 80, '#669999', '#006666', defBorder);
 // Notice how the targets are all set to nonzero values...
 menu[0][1] = new Item('File', '#', defHeight, 1);
 menu[0][2] = new Item('Edit', '#', defHeight, 2);
 menu[0][3] = new Item('Help', '#', defHeight, 3);
 menu[1] = new Array();
 // The File menu is positioned 0px across and 22 down from its trigger, and is 80 wide.
 menu[1][0] = new Menu('fileMenu', 0, 22, 80, defOver, defBack, defBorder);
 menu[1][1] = new Item('Open(新浪)', '<a href="http://www.sina.com.cn" target="_blank">http://www.sina.com.cn</a>', defHeight, 0);
 menu[1][2] = new Item('Save-无链接', '#', defHeight, 0);
 // Non-zero target means this will trigger a popup.
 menu[1][3] = new Item('Reopen', '#', defHeight, 4);
 menu[1][4] = new Item('Exit', '#', defHeight, 0);
 menu[2] = new Array();
 menu[2][0] = new Menu('editMenu', 0, 22, 80, defOver, defBack, defBorder);
 menu[2][1] = new Item('Cut', '#', defHeight, 0);
 menu[2][2] = new Item('Copy', '<a href="http://www.sina.com.cn" target="_blank">http://www.sina.com.cn</a>', defHeight, 0);
 menu[2][3] = new Item('Paste', '#', defHeight, 0);
 menu[3] = new Array();
 menu[3][0] = new Menu('helpMenu', 0, 22, 80, defOver, defBack, defBorder);
 menu[3][1] = new Item('Contents', '#', defHeight, 0);
 menu[3][2] = new Item('Index', '#', defHeight, 0);
 menu[3][3] = new Item('About', '#', defHeight, 5);
 menu[4] = new Array();
 // This is across but not down... a horizontal popout (with crazy colours :)...
 menu[4][0] = new Menu('reopenMenu', 85, 0, 100, '#333366', '#666699', '#663399');
 menu[4][1] = new Item('Recent Doc 1:<br>Schedule', '#', 36, 0);
 menu[4][2] = new Item('Recent Doc 2:<br>Plan', '#', 40, 0);
 menu[4][3] = new Item('Etc. etc...', '#', defHeight, 0);
 menu[5] = new Array();
 // Leftwards popout with a negative x relative to its trigger.
 menu[5][0] = new Menu('aboutMenu', -85, -15, 80, defOver, defBack, defBorder);
 menu[5][1] = new Item('Leftwards!<br>And up!', '#', 30, 0);
  
newRoot = startDL('rootMenu', 0, 0, '100%', 17, 'hidden', '#006666', null, 100, '');
 newRoot += startDL('rootMenu1', 5, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 1));
 newRoot += '<span class="Item">  File</span>' + endDL;
 newRoot += startDL('rootMenu2', 55, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 2));
 newRoot += '<span class="Item">  Edit</span>' + endDL;
 newRoot += startDL('rootMenu3', 105, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 3));
 newRoot += '<span class="Item">  Help</span>' + endDL;
 newRoot += endDL;
 // Pass this two strings - the first is HTML to write a custom root menu, or null to
 // generate one normally. The second is the popout indicator HTML - try an image...?
 // Try writeMenus(null, '<img src="...">'); in your own script.
 writeMenus(newRoot, '>');
 // This is a quick snippet that captures all clicks on the document and hides the menus
 // every time you click. Use if you want.
 if (isNS4) document.captureEvents(Event.CLICK);
 document.onclick = clickHandle;
 function clickHandle(evt) {
 if (isNS4) document.routeEvent(evt);
 hideAllBut(0);
 }
 // Show root menu command - place in an onLoad="..." type function if you want.
 eval(docObj + menu[0][0].id + styObj + '.visibility = "visible"');
 // This is just the moving command for the example.
 function moveRoot() {
 rM = eval(docObj + menu[0][0].id + styObj);
 if (parseInt(rM.top) < 40) rM.top = 40;
 else rM.top = 0;
 }
 //  End -->
 </script>
 </body>
 </html>
  
  
  
  
  
下拉菜单效果一 
 
  
  
<html>
 <head>
 <title>下拉菜单效果一</title>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 </head>
  
<body bgcolor="#FFFFFF" text="#000000">
 <script language=javascript>
  
var mmenus    = new Array();
 var misShow   = new Boolean(); 
misShow=false;
 var misdown   = new Boolean();
 misdown=false;
 var mnumberofsub=0;
 var musestatus=false;
 var mpopTimer = 0;
 mmenucolor='Menu';
 mfontcolor='MenuText';
 mmenuoutcolor='#B5BED6';
 mmenuincolor='#B5BED6';
 mmenuoutbordercolor='#000000';
 mmenuinbordercolor='#000000';
 mmidoutcolor='#8D8A85';
 mmidincolor='#8D8A85';
 mmenuovercolor='MenuText';
 mitemedge='1';
 msubedge='0';
 mmenuunitwidth=100;
 mmenuitemwidth=110;
 mmenuheight=25;
 mmenuwidth='100%';
 mmenuadjust=0;
 mmenuadjustV=0;
 mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='default';
  
  
  
function stoperror(){
 return true;
 }
  
window.οnerrοr=stoperror;
  
function mpopOut() {
 mpopTimer = setTimeout('mallhide()', 500);
 }
  
function getReal(el, type, value) {
 temp = el;
 while ((temp != null) && (temp.tagName != "BODY")) {
 if (eval("temp." + type) == value) {
 el = temp;
 return el;
 }
 temp = temp.parentElement;
 }
 return el;
 }
  
  
  
function mMenuRegister(menu) 
{
 mmenus[mmenus.length] = menu
 return (mmenus.length - 1)
 }
  
function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){
 this.items = new Array();
 this.caption=caption;
 this.command=command;
 this.target=target;
 this.isline=isline;
 this.statustxt=statustxt;
 if(level!=null){mnumberofsub++;
 this.hasc=mnumberofsub;}
 this.level=level;
 this.img=img;
 this.sizex=sizex;
 this.sizey=sizey;
 this.pos=pos;
 }
  
function mMenu(caption,command,target,img,sizex,sizey,pos){
 this.items = new Array();
 this.caption=caption;
 this.command=command;
 this.target=target;
 this.img=img;
 this.sizex=sizex;
 this.sizey=sizey;
 this.pos=pos;
 this.id=mMenuRegister(this);
 }
 function mMenuAddItem(item)
 {
 this.items[this.items.length] = item
 item.parent = this.id;
 this.children=true;
 }
  
mMenu.prototype.addItem = mMenuAddItem;
 mMenuItem.prototype.addsubItem = mMenuAddItem;
  
function mtoout(src){
  
src.style.borderLeftColor=mmenuoutbordercolor;
 src.style.borderRightColor=mmenuinbordercolor;
 src.style.borderTopColor=mmenuoutbordercolor;
 src.style.borderBottomColor=mmenuinbordercolor;
 src.style.backgroundColor=mmenuoutcolor;
 src.style.color=mmenuovercolor;
 }
 function mtoin(src){
  
src.style.borderLeftColor=mmenuinbordercolor;
 src.style.borderRightColor=mmenuoutbordercolor;
 src.style.borderTopColor=mmenuinbordercolor;
 src.style.borderBottomColor=mmenuoutbordercolor;
 src.style.backgroundColor=mmenuincolor;
 src.style.color=mmenuovercolor;
 }
 function mnochange(src){
 src.style.borderLeftColor=mmenucolor;
 src.style.borderRightColor=mmenucolor;
 src.style.borderTopColor=mmenucolor;
 src.style.borderBottomColor=mmenucolor;
 src.style.backgroundColor='';
 src.style.color=mfontcolor;
  
}
 function mallhide(){
 for(var nummenu=0;nummenu<mmenus.length;nummenu++){
 var themenu=document.all['mMenu'+nummenu]
 var themenudiv=document.all['mmenudiv'+nummenu]
 mnochange(themenu);
 mmenuhide(themenudiv);
 }
 for(nummenu=1;nummenu<=mnumberofsub;nummenu++){  
var thesub=document.all['msubmenudiv'+nummenu]      
msubmenuhide(thesub);
 mnochange(document.all['mp'+nummenu]);
 document.all["mitem"+nummenu].style.color=mfontcolor;
 }
 }
 function mmenuhide(menuid){
  
menuid.style.visibility='hidden';
 misShow=false;
 }
 function msubmenuhide(menuid){
  
menuid.style.visibility='hidden';
 }
 function mmenushow(menuid,pid){
  
menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposflag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;
 if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)
 menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;
 menuid.style.visibility='visible';
 misShow=true;
 }
 function mshowsubmenu(menuid,pid,rid){
  
menuid.style.left=pid.offsetWidth+rid.offsetLeft;
  
menuid.style.top=pid.offsetTop+rid.offsetTop-3;
 if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.body.scrollLeft)
 menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth;
 menuid.style.visibility='visible';
 }
 function mmenu_over(menuid,x){
 toel = getReal(window.event.toElement, "className", "coolButton");
 fromel = getReal(window.event.fromElement, "className", "coolButton");
 if (toel == fromel) return;
 if(x==5){
 misShow = false;
 mallhide();
 mtoout(eval("mMenu"+x));
 }else{
 if(!misShow){mtoout(eval("mMenu"+x));}else{
 mallhide();
 mtoin(eval("mMenu"+x));
 mmenushow(menuid,eval("mMenu"+x));
 }
 }
 clearTimeout(mpopTimer);
 }
 function mmenu_out(x){
 toel = getReal(window.event.toElement, "className", "coolButton");
 fromel = getReal(window.event.fromElement, "className", "coolButton");
 if (toel == fromel) return;
 if (misShow){
 mtoin(eval("mMenu"+x));
 }else{
 mnochange(eval("mMenu"+x));
 }
 mpopOut()
 }
 function mmenu_down(menuid,x){
 if(misShow){
 mmenuhide(menuid);
 mtoout(eval("mMenu"+x));
 }
 else{
 mtoin(eval("mMenu"+x));
 mmenushow(menuid,eval("mMenu"+x));
 misdown=true;
 }
 }
 function mmenu_up(){
 misdown=false;
 }
 function mmenuitem_over(menuid,item,x,j,i){
 toel = getReal(window.event.toElement, "className", "coolButton");
 fromel = getReal(window.event.fromElement, "className", "coolButton");
 if (toel == fromel) return;
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 for(nummenu=1;nummenu<=mnumberofsub;nummenu++){  
var thesub=document.all['msubmenudiv'+nummenu] 
if(!(menuid==thesub||menuid.style.tag>=thesub.style.tag)){
 msubmenuhide(thesub);
 mnochange(document.all['mp'+nummenu]);
 document.all["mitem"+nummenu].style.color=mfontcolor;
 }
 }
 if(item)document.all["mitem"+item].style.color=mmenuovercolor;
 if(misdown||item){
 mtoin(srcel);
 }
 else{
 mtoout(srcel);
 }
 if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt;
 if(j==-1)mthestatus=mmenus[x].items[i].statustxt;
 if(mthestatus!=""){
 musestatus=true;
 window.status=mthestatus;
 }
 clearTimeout(mpopTimer);
 }
 function mmenuitem_out(hassub){
 toel = getReal(window.event.toElement, "className", "coolButton");
 fromel = getReal(window.event.fromElement, "className", "coolButton");
 if (toel == fromel) return;
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 if(!hassub)mnochange(srcel);
 if(musestatus)window.status="";
 mpopOut()
 }
 function mmenuitem_down(){
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 mtoin(srcel)
 misdown=true;
 }
 function mmenuitem_up(){
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 mtoout(srcel)
 misdown=false;
 }
 function mexec3(j,i){
 var cmd;
 if(eval("msub"+j).items[i].target=="blank"){
 cmd = "window.open('"+eval("msub"+j).items[i].command+"')";
 }else{
 cmd = eval("msub"+j).items[i].target+".location=\""+eval("msub"+j).items[i].command+"\"";
 }
 eval(cmd);
 }
 function mexec2(x){
 var cmd;
 if(mmenus[x].target=="blank"){
 cmd = "window.open('"+mmenus[x].command+"')";
 }else{
 cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";
 }
 eval(cmd);
 }
 function mexec(x,i){
 var cmd;
 if(mmenus[x].items[i].target=="blank"){
 cmd = "window.open('"+mmenus[x].items[i].command+"')";
 }else{
 cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i].command+"\"";
 }
 eval(cmd);
 }
 function mbody_click(){
  
if (misShow){
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 for(var x=0;x<=mmenus.length;x++){
 if(srcel.id=="mMenu"+x)
 return;
 }
 for(x=1;x<=mnumberofsub;x++){
 if(srcel.id=="mp"+x)
 return;
 }
 mallhide();
 }
 }
 document.οnclick=mbody_click;
  
function mwritetodocument(){
 var mwb=1;
 var stringx='<div id="mposflag" style="position:absolute;"></div><table id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+
 ' onselectstart="event.returnValue=false"'+
 ' style="cursor:'+mcursor+';'+mfonts+
 ' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+
 ' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+
 'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+
 'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'
 for(var x=0;x<mmenus.length;x++){
 var thismenu=mmenus[x];
 var imgsize="";
 if(thismenu.sizex!="0"||thismenu.sizey!="0")imgsize=" width="+thismenu.sizex+" height="+thismenu.sizey;
 var ifspace="";
 if(thismenu.caption!="")ifspace=" ";
 stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+
 "' width="+mmenuunitwidth+"px οnmοuseοver=mmenu_over(mmenudiv"+x+
 //"' οnmοuseοver=mmenu_over(mmenudiv"+x+
 ","+x+") οnmοuseοut=mmenu_out("+x+
 ") οnmοusedοwn=mmenu_down(mmenudiv"+x+","+x+")";
 if(thismenu.command!=""){
 stringx += " οnmοuseup=mmenu_up();mexec2("+x+");";
 }else{
 stringx += " οnmοuseup=mmenu_up()";
 }
 if(thismenu.pos=="0"){
 stringx += " align=center><img align=absmiddle src='"+thismenu.img+"'"+imgsize+">"+ifspace+thismenu.caption+"</td>";      
}else if(thismenu.pos=="1"){
 stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src='"+thismenu.img+"'"+imgsize+"></td>";       
}else if(thismenu.pos=="2"){
 stringx += " align=center background='"+thismenu.img+"'> "+thismenu.caption+" </td>";       
}else{
 stringx += " align=center> "+thismenu.caption+" </td>";
 }
 stringx += "";
 }
 stringx+="<td width=*> </td></tr></table>";
 
 
 for(var x=0;x<mmenus.length;x++){
 thismenu=mmenus[x];
 if(x==5){
 stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';
 }else{
 stringx+='<div id=mmenudiv'+x+
 ' style="cursor:'+mcursor+';position:absolute;'+
 'width:'+mmenuitemwidth+'px; z-index:'+(x+100);
 if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
 stringx+=';border-left: 1px solid '+mmidoutcolor+
 ';border-top: 1px solid '+mmidoutcolor;}
 stringx+=';border-right: 1px solid '+mmenuinbordercolor+
 ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+
 '<table  width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
 'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;
 if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
 stringx+=';border-right: 1px solid '+mmidincolor+
 ';border-bottom: 1px solid '+mmidincolor;}
 stringx+=';border-top: 1px solid '+mmenuoutbordercolor+
 ';padding: 4px" bgcolor='+mmenucolor+'>\n'
 for(var i=0;i<thismenu.items.length;i++){
 var thismenuitem=thismenu.items[i];
 var imgsize="";
 if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;
 var ifspace="";
 if(thismenu.caption!="")ifspace=" ";
 if(thismenuitem.hasc!=null){
 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
 "' width=100% οnmοuseοut=mmenuitem_out(true) οnmοuseοver=\"mmenuitem_over(mmenudiv"+x+
 ",'"+thismenuitem.hasc+"',"+x+",-1,"+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",mmenudiv"+x+");\""+
 "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";
 if(thismenuitem.pos=="0"){
 stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";   
}else if(thismenuitem.pos=="1"){
 stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";
 }else if(thismenuitem.pos=="2"){
 stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'";  
}else{
 stringx += ">"+thismenuitem.caption+"</td><td";
 }
 stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                              
}else if(!thismenuitem.isline){
 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
 "' width=100% height=15px οnmοuseοver=\"mmenuitem_over(mmenudiv"+x+
 ",false,"+x+",-1,"+i+");\" οnmοuseοut=mmenuitem_out() οnmοusedοwn=mmenuitem_down() οnmοuseup=";
 stringx += "mmenuitem_up();mexec("+x+","+i+"); ";
 if(thismenuitem.pos=="0"){
 stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";       
}else if(thismenuitem.pos=="1"){
 stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";       
}else if(thismenuitem.pos=="2"){
 stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";  
}else{
 stringx += ">"+thismenuitem.caption+"</td></tr>";
 }
 }else{
 stringx+='<tr><td height="1" background="hr.gif" οnmοusemοve="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';
 }
 }stringx+='</table>\n</div>'
 }                         
}
 
 for(var j=1;j<=mnumberofsub;j++){     
thisitem=eval("msub"+j);
 stringx+='<div id=msubmenudiv'+j+
 ' style="tag:'+thisitem.level+';cursor:'+mcursor+';position:absolute;'+
 'width:'+mmenuitemwidth+'px; z-index:'+(j+200);
 if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
 stringx+=';border-left: 1px solid '+mmidoutcolor+
 ';border-top: 1px solid '+mmidoutcolor;}
 stringx+=';border-right: 1px solid '+mmenuinbordercolor+
 ';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+
 '<table  width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
 'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;
 if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
 stringx+=';border-right: 1px solid '+mmidincolor+
 ';border-bottom: 1px solid '+mmidincolor;}
 stringx+=';border-top: 1px solid '+mmenuoutbordercolor+
 ';padding: 4px" bgcolor='+mmenucolor+'>\n'
 for(var i=0;i<thisitem.items.length;i++){
 var thismenuitem=thisitem.items[i];
 var imgsize="";
 if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;
 var ifspace="";
 if(thismenu.caption!="")ifspace=" ";
 if(thismenuitem.hasc!=null){
 stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
 "' width=100% οnmοuseοut=mmenuitem_out(true) οnmοuseοver=\"mmenuitem_over(msubmenudiv"+j+
 ",'"+thismenuitem.hasc+"',-1,"+j+","+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",msubmenudiv"+j+");\""+
 "><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";
 if(thismenuitem.pos=="0"){
 stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";   
}else if(thismenuitem.pos=="1"){
 stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";
 }else if(thismenuitem.pos=="2"){
 stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'";  
}else{
 stringx += ">"+thismenuitem.caption+"</td><td";
 }
 stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";                              
}else if(!thismenuitem.isline){
 stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
 "' width=100% height=15px οnmοuseοver=\"mmenuitem_over(msubmenudiv"+j+
 ",false,-1,"+j+","+i+");\" οnmοuseοut=mmenuitem_out() οnmοusedοwn=mmenuitem_down() οnmοuseup=";
 stringx += "mmenuitem_up();mexec3("+j+","+i+"); ";
 if(thismenuitem.pos=="0"){
 stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";       
}else if(thismenuitem.pos=="1"){
 stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";       
}else if(thismenuitem.pos=="2"){
 stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";  
}else{
 stringx += ">"+thismenuitem.caption+"</td></tr>";
 }
 }else{
 stringx+='<tr><td height="1" background="hr.gif" οnmοusemοve="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';
 }
 }
 stringx+='</table>\n</div>'
 }
 document.write("<div align='left'>"+stringx+"</div>");
 }
  
  
  
mpmenu=new mMenu('主菜单一','','self','','','','');
 mpmenu.addItem(new mMenuItem('主菜单一1','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单一2','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单一3','/index.asp','self',false,'说明文字',null,'','','',''));
  
mpmenu2=new mMenu('页元素','','self','','','','');
 msub1=new mMenuItem('设计文档','','self',false,'','1','','','','');
 msub1.addsubItem(new mMenuItem('设计文章','/notebook.asp','self',false,'说明文字',null,'','','',''));
 msub1.addsubItem(new mMenuItem('书籍下载','/notebook.asp','self',false,'说明文字',null,'','','',''));
 mpmenu2.addItem(msub1);
 msub2=new mMenuItem('网页特效','','self',false,'','1','','','','');
 msub2.addsubItem(new mMenuItem('网页特效1','/js.asp','self',false,'说明文字',null,'','','',''));
 msub2.addsubItem(new mMenuItem('网页特效2','/js.asp','self',false,'说明文字',null,'','','',''));
 msub2.addsubItem(new mMenuItem('网页特效3','/js.asp','self',false,'说明文字',null,'','','',''));
 msub2.addsubItem(new mMenuItem('网页特效4','/js.asp','self',false,'说明文字',null,'','','',''));
 msub2.addsubItem(new mMenuItem('网页特效5','/js.asp','self',false,'说明文字',null,'','','',''));
 mpmenu2.addItem(msub2);
 mpmenu2.addItem(new mMenuItem('精品收藏','/gallery.asp','self',false,'说明文字',null,'','','',''));
 mpmenu2.addItem(new mMenuItem('软件下载','/download.asp','self',false,'说明文字',null,'','','',''));
 mpmenu2.addItem(new mMenuItem('酷站推荐','/web.asp','self',false,'说明文字',null,'','','',''));
 mpmenu2.addItem(new mMenuItem('元素论坛','/forum/index.asp','self',false,'说明文字',null,'','','',''));
  
mpmenu=new mMenu('主菜单三','','self','','','','');
 mpmenu.addItem(new mMenuItem('主菜单三1','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单三2','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单三3','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单三4','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单三5','/index.asp','self',false,'说明文字',null,'','','',''));
  
mpmenu=new mMenu('主菜单四','','self','','','','');
 mpmenu.addItem(new mMenuItem('主菜单四1','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单四2','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单四3','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单四4','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(new mMenuItem('主菜单四5','/index.asp','self',false,'说明文字',null,'','','',''));
  
mpmenu=new mMenu('主菜单五','','self','','','','');
 msub3=new mMenuItem('主菜单五1','','self',false,'','1','','','','');
 msub3.addsubItem(new mMenuItem('主菜单五1-a','/index.asp','self',false,'说明文字',null,'','','',''));
 msub3.addsubItem(new mMenuItem('主菜单五1-b','/index.asp','self',false,'说明文字',null,'','','',''));
 msub3.addsubItem(new mMenuItem('主菜单五1-c','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(msub3);
 msub4=new mMenuItem('主菜单五2','','self',false,'','1','','','','');
 msub4.addsubItem(new mMenuItem('主菜单五2-a','/index.asp','self',false,'说明文字',null,'','','',''));
 msub4.addsubItem(new mMenuItem('主菜单五2-b','/index.asp','self',false,'说明文字',null,'','','',''));
 msub4.addsubItem(new mMenuItem('主菜单五2-c','/index.asp','self',false,'说明文字',null,'','','',''));
 mpmenu.addItem(msub4);
 msub5=new mMenuItem('主菜单五3','','self',false,'','1','','','','');
 msub5.addsubItem(new mMenuItem('主菜单五3-a','/index.asp','self',false,'说明文字',null,'','','',''));
 msub5.addsubItem(new mMenuItem('主菜单五3-b','/index.asp','self',false,'说明文字',null,'','','',''));
 msub5.addsubItem(new mMenuItem('主菜单五3-c','/index.asp','self',false,'说明文字',null,'','','',''));
  
msub3.addsubItem(new mMenuItem('主菜单五3-d','/index.asp','self',false,'说明文字',null,'','','',''));
 msub4.addsubItem(new mMenuItem('主菜单五4-d','/index.asp','self',false,'说明文字',null,'','','',''));
 msub5.addsubItem(new mMenuItem('主菜单五5-d','/index.asp','self',false,'说明文字',null,'','','',''));
  
mpmenu.addItem(msub5);
 mpmenu6=new mMenu('返回主页','/index.asp','self','','','','');
 mpmenu7=new mMenu('访问论坛','/forum/index.asp','self','','','','');
 mwritetodocument();
 //要获得最新版本的菜单，请访问<a href="http://www.0755i.com/" target="_blank">http://www.0755i.com/</a>

你一定很喜欢像QQ或者MSN好友登录提示的效果网页中实现
（注意，如果使用以下代码，先将全角“＜＞”替换成半角的“<>”才能正常使用）：
 
 ＜SCRIPT＞
var oPopup = window.createPopup();
 var popTop=50;
 function popmsg(msgstr){
 var winstr="＜table style=\"border: 1 solid  #FFA6CA\"  width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  background=\"winstr+="＜tr＞＜td height=\"30\"＞ ＜/td＞＜/tr＞＜tr＞＜td align=\"center\"＞＜table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"＞";
winstr+="＜tr＞＜td valign=\"top\" style=\"font-size:12px; color: red; face: Tahoma\"＞"+msgstr+"＜/td＞＜/tr＞＜/table＞＜/td＞＜/tr＞＜/table＞"; oPopup.document.body.innerHTML = winstr; popshow(); } function popshow(){ window.status=popTop; if(popTop＞1720){ clearTimeout(mytime); oPopup.hide(); return; }else if(popTop＞1520&&popTop＜1720){ oPopup.show(screen.width-250,screen.height,241,1720-popTop); }else if(popTop＞1500&&popTop＜1520){ oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172); }else if(popTop＜180){ oPopup.show(screen.width-250,screen.height,241,popTop); }else if(popTop＜220){ oPopup.show(screen.width-250,screen.height-popTop,241,172); } popTop+=10; var mytime=setTimeout("popshow();",50); } ＜/SCRIPT＞

 </script>
 </body>
 </html>

Asuna01

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
https://www.cnblogs.com/tianxuwei/p/10478787.html

24. 图片表单按钮<form id="form1" name="form1" method="post" action=""> <img src="login.gif" width="62" height="22" οnclick="document.form1.submit()" /> </form> 25.左右阴影背景的CSS定义方法body { text-align:center; background-repeat: repeat-y; b.
复制链接

扫一扫

专栏目录