mm_menu.js自动换行,下拉菜单移位:

mm_menu.js 自动换行

(网页制作的一些小技巧) 2009-05-24 14:06

.让背景图不滚动：
　　IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉

.让你的网页无法另存为：
　　<noscript><iframe src=*></iframe></noscript>

.让IFRAME框架内的文档的背景透明：
　　将iframe 中 allowTransparency设为true 并且iframe所载加页的背景颜色设置为transparent(透明)

.禁止右键：
　　<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"Onmouseup="document.selection.empty()">

.进入页面后立即自动刷新跳转：
<meta http-equiv="refresh" content="120;url=http://www.cyberhome.cn">（插入-HTML-文件头标签-刷新）

.打开窗口即最大化：
　　<script type="text/javascript">
　　 </script>

.能隐藏IFRAME的滚动条吗？我知道的三种方法：
　　1. 设置iframe scrolling="no" 2. 被包含页body应用overflow:hidden
　　3. 被包含页的body标签加scroll="no"

.滚动字幕：
　　<MARQUEE direction=up height="14" width=”16” Onmouseout=start() Onmouseover=stop()></marquee>

.如何控制横向和纵向滚动条的显隐？
　　<body style="overflow-y:hidden"> 去掉x轴
　　<body style="overflow-x:hidden"> 去掉y轴
　　<body scroll="no">不显

.怎样在网页中加入 E-mail 链接并显示预定的主题？
　　〈a href="mailto:cyberhome@263.net?subject=网园服务"〉……〈/a〉

.定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：　
　　〈meta name="Keywords" content="cyberhome,wireless LAN,network solution,fashion life,stock,server"〉　　
　　Content 中所包含的就是关键字,你可以自行设置。　　
　　这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
　　〈meta name="Keywords" content="cyberhome,cyberhome,cyberhome,cyberhome,cyberhome"〉

.添加到收藏夹：
　　〈a href="javascript:window.external.addFavorite(''''''''''''''''http://链接'''''''''''''''',''''''''''''''''说明'''''''''''''''');"〉添加到收藏夹〈/a〉

.设为首页：
〈a href=# onclick=this.style.behavior=''''''''''''''''url(#default#homepage)'''''''''''''''';this.setHomePage(''''''''''''''''http://链接'''''''''''''''');〉设为首页〈/a〉

.定制浏览器地址栏前的小图标：
A:在网页的〈head〉〈/head〉间加入以下语句：
〈link rel="shortcuticon" href=http://…/icon.ico〉
　即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。

.把滚动条放在浏览器窗口的左边：
　　A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。

.行为中设置“显示弹出式菜单”
如果无法使用，可先用“#”为其建一个虚链接

.显示弹出式菜单中，每行只显示一个字，变为竖排的了。

问题出现关键就是英文的字符宽度和中文的不一样造成的。要解决这个问题，依照下面的步骤可以解决：
1、打开mm_menu.js来编辑，
2、找到136行，
3、把var itemProps = ''''''''''''''''''''''''''''''''; 修改为：var itemProps = ''''''''''''''''white-space:nowrap;'''''''''''''''';
（注：HTML nowrap属性用于禁止<td>内容自动换行，需要注意nowrap的行为与<td>的width属性有关
当width设置了值时，nowrap就没有效果了。
nowrap＝true 允许换行 nowrap＝false 禁止换行）

下拉菜单移位:
约520行:

function MM_showMenu(menu, x, y, child, imgname) {

ua = navigator.userAgent.toLowerCase();
check = function(r){
return r.test(ua);
};
isFirefox = check(/firefox/);
isOpera = check(/opera/);
isChrome = check(/chrome/);
isWebKit = check(/webkit/);
isSafari = !isChrome && check(/safari/);
isSafari2 = isSafari && check(/applewebkit\/4/); // unique to Safari 2
isSafari3 = isSafari && check(/version\/3/);
isSafari4 = isSafari && check(/version\/4/);
isIE = !isOpera && check(/msie/);
isIE7 = isIE && check(/msie 7/);
isIE8 = isIE && check(/msie 8/);
isIE6 = isIE && !isIE7 && !isIE8;
isGecko = !isWebKit && check(/gecko/);
isGecko2 = isGecko && check(/rv:1\.8/);
isGecko3 = isGecko && check(/rv:1\.9/);
if(isIE6 || isFirefox) { y = y + 4; }