利用javascript仿的漂亮的flash效果的菜单 -- [导航菜单]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

利用javascript仿的漂亮的flash效果的菜单

网络 2009/4/16 20:51:26 深山行者字体:大中小浏览 8263

以下为详细代码

利用javascript仿的漂亮的flash效果的菜单<style>
/* 先把这个 xmenu 的样式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script>
/* 
这是把事件动作绑定到菜单上的函数
*/
function attachXMenu(objid){
	var tds=objid.getElementsByTagName('td');
	for(var i=0;i<tds.length;i++){
		with(tds[i]){
			onmouseover=function(){
				with(this){
					filters[0].apply();
					style.background='#66CCFF'; //这是鼠标移上去时的背景颜色
					style.border='1px solid #ffffff'; //边框
					style.color='black'; //文字颜色
					filters[0].play();
				}
			}
			onmouseout=function(){
				with(this){
					filters[0].apply();
					style.background='#336699'; //这是鼠标离开时的背景颜色
					style.border='1px solid #336699'; //边框
					style.color='#ffffff'; //文字颜色
					filters[0].play();
				}
			}
		}
	}
}
</script>

<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr>
		<td><a href="#">aaaaaaaaaaaaaaaa</a></td>
		<td>Name</td>
		<td>Is</td>
		<td>LeX</td>
		<td>Rus</td>
		<td>!!!</td>
	</tr>
</table>
<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>
<br><br><br><br>

<table class="xmenu" id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">
	<tr><td>My</td></tr>
	<tr><td>Name</td></tr>
	<tr><td>Is</td></tr>
	<tr><td>LeX</td></tr>
	<tr><td>Rus</td></tr>
	<tr><td>!!!</td></tr>
</table>
<script>attachXMenu(xmenu1);</script>

前一页:来自网易空间排行宽度可以变化的选项卡

后一页:模仿as效果的跳动导航菜单

相关阅读: JAVA得到网卡物理地址(Windows和Linux); 一个相当帅的日历时间面板; [转载]中国行政区划数据（省市区街道）; 专注于自由行的旅游服务商建站解决方案; CSS教程:CSS兼容的技巧; 仿淘宝首页商品分类列表效果; asp中最难发现的错误由最简单的程序引起; 酒店客房预订

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: div+CSS的无限级扩展下拉菜单(全部加了注释); 经典的仿蓝色理想TAB横向下拉菜单效果; 纯div+css制作的弹出菜单-05; 纯div+css制作的弹出菜单-04; 纯div+css制作的弹出菜单-02; 纯div+css制作的弹出菜单-02

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 一个非常适和div+css初学者看的例子,看完之后,相信你的DIV+CSS技术一定会上一个层次; 深山网吧留言板(激情穿越火线)v4.3; IE6不支持png24的解决办法(png24做为css的背景); 更变态的页面右击失效代码,选择,全选,全部失效; excel中End(xlUp)取活动单元表的第一列最后一个有值的行号; Javascript JS 限制复选框的选择个数

更多标签热门标签

链接省市调色器策划 overflow margin 文字 script 拖动 xhtml 渐隐 absolute 个人源文件标签特效 position 强聊代码第几楼标语色彩面板 2.0 单选收藏夹 photoshop style 长配色千位查找 word-spacing 锚点 JavaScript实现文本框提示效果适应树型破解 126 flush 淘宝 2003 游览器 optgroup 增高多选 265 等待 DW 左右