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

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

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

以下为详细代码

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

相关阅读: 武义熟溪温泉旅行网; 更变态的页面右击失效代码,选择,全选,全部失效; 在图片未知尺寸情况下，利用CSS把图片垂直居中于div中心(2); 发出亿万中国人的心声,钓鱼岛事件以来最爱国的视频; 小说封面制作网站留言板模板; asp将中文汉字字符转为unicode编码(\u编码)与把unicode编码转为汉字; 旅行社网站模板12; 深山留言板2.14情人节留言板模板v4.8

共有0条关于《利用javascript仿的漂亮的flash效果的菜单》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

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

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

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: CSS设计网页头部的优化写法; 阿里云短信验证码签名不合法isv.SMS_SIGNATURE_ILLEGAL; Asp.net中防止用户多次登录的方法; 绵阳市康辉国际旅行社有限责任公司; javascript正则的用法与示例; 连云港汽车门户网站

更多标签热门标签

防止 DIV CSS做的透明菜单兼容IE、FF等 instr 查询图层滤镜状态栏鼠标间隔 windows png max 时间超出九宫格下载 div的高度 FSO 淘宝 tags ajax 技巧表格注册表 XMLHTTP 下拉注册 DOCTYPE 编辑奋斗 Application form 加减快捷文化首页高 ResponseXML 眼睛调色器 265 默认高度 ico 判断 class JS效果 Alpha 火狐 id 宽