·
网页特效库
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效库
推荐网页特效
购物网站的导航效果，推荐！
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口，推荐！
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置：
网页特效库
>>
导航菜单特效
>> 左键弹出式菜单
查看此特效演示
左键弹出式菜单
把如下代码复制到<head>与</head>之间
<style type="text/css"> body{font: 9pt "宋体"; margintop: 0px ; color: #ffffff; background: #000000} a.{ font: 9pt "宋体"; cursor: hand; font-size: 9pt ; color: #ffffff; text-decoration: none } a:active{ font: 9pt "宋体"; cursor: hand; color: #FF0033 } a.cc:hover{ font: 9pt "宋体"; cursor: hand; color: #FF0033} .box{ font: 9pt "宋体"; position: absolute; background: #000000 } </style>
把如下代码复制到<body>与</body>之间
<table id="itemopen" class="box" style="display:none" height="128"> <tr> <td height="12">弹出菜单</td> </tr> <tr> <td height="12"><a href="http://www.butong.net" class="cc">网页特效库</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/moban/index.htm" class="cc">整站模板</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/background/index.htm" class="cc">背景特效</a></td> </tr> <tr> <td height="12"><a href="http://www.butong.net/navigation/index.htm" class="cc">网页特效</a></td> </tr> </table> </center></div><!-- End of Popup Menu --> <script language="JavaScript"> document.onclick = popUp function popUp() { newX = window.event.x + document.body.scrollLeft newY = window.event.y + document.body.scrollTop menu = document.all.itemopen if ( menu.style.display == ""){ menu.style.display = "none" } else { menu.style.display = ""} menu.style.pixelLeft = newX - 50 menu.style.pixelTop = newY - 50 } </script>
使用说明：菜单的内容和链接可以在<body></body>代码部分自行更改，弹出菜单的位置只需更改<body></body>代码中menu.style.pixelLeft和menu.style.pixelTop的值即可。
上一个特效：
模仿QQ式的菜单
返回列表
下一个特效：
劲酷！网页滑出式菜单
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
鄂ICP备05023174号
Copyright © 2008
www.butong.net
.All Rights Reserved.
您的位置：
