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

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

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

以下为详细代码

利用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效果的跳动导航菜单

相关阅读: javascript日期验证比较; 连云港汽车门户网站; 利用DIV+CSS制作浮动广告; 让DIV固定在浏览器窗口的底部（兼容IE6）; 连云港市海州区培智学校; 生意就是这样做成的; 做在线客服时，聊天窗口的div滚动条始终在底部; 深山留言板教师节效果

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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下载源让下载库飞起

更多>>随机抽取信息: 利用ResponseXML的方法调用163天气预报; 汽配公司; css优先级的例子; CSS或js实现行间交替背景色效果; 连云港天天美食网; 给个photoshopcs下载地址,大家可能用到

更多标签热门标签

电脑图片上传故事数组提交中英 base cookies skype Dreamweaver sel 框快捷键搜索引擎分开定位注册表 sql iis 安装 V3.1 iframe 梦幻目标滚动条放大排序做标 label 键盘界面创业尺寸位置自动获取 exe 台历关键字重复 img 翻转 csss rnd 风格珍惜上传灰色 javascri 留言次数字体 CAD 数据