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

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

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

以下为详细代码

利用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类型的顺序改变链接翻滚效果; 一个利用select下拉选择框进行变色的网页效果; 介绍JavaScript里比较和逻辑运算符; 亿菇缘; 连云港振辉旋膜式除氧器; windows xp 安装IIS，设置IIS。; 金岸国际旅行社; 深山留言板系统(七夕情人节留言板专用模板) v3.7

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

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

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

更多>>随机抽取信息: 利用CSS设置网页滚动条颜色; web2.0 div+css 设计中一些标准化学习指南; 贵豪旅行社; 14个CSS实用技巧精选推荐; 新疆旅游在线; 北京阳光无限贸易有限公司

更多标签热门标签

style body submit 顶部服务器 img 载入破解增大珍惜轮流蓝色理想 optgroup ie7 替换预览返回多选框 css 网页制作 ctrl 数据库彩色网页手右键失效 JavaScript实现文本框提示效果企业 option 格式类别 height 设计技巧 ie 日期绝对定位执行下拉样式滑过保留保护眼睛的电脑色比例跳转锚点限制面板相册深山