广告服务
|
收藏本页
|
设为首页
|
登录
|
注册
退出
|
管理
Alexa排名查询
|
广告代码
|
发布源码
首页
学院
源码
软件
书籍
模板
图标
图片
字体
酷站
特效
工具
论坛
阿里西西通告:
ASP教程
|
PHP教程
|
JSP教程
|
.NET教程
|
CGI教程
|
XML教程
|
AJAX教程
|
HTML
|
网站重构
|
CSS教程
|
JS教程
|
网页设计
|
数据库
|
服务器
|
开发工具
|
网站运营
ASP源码下载
|
ASP.NET源码下载
|
PHP源码下载
|
JSP源码下载
|
CGI源码下载
|
FLASH源码下载
|
AJAX源码下载
|
办公OA源码
|
网店商城
|
公司网站源码
|
整站源码
代码编程
|
界面设计
|
加解密
|
开发辅助
|
浏览阅读
|
装机必备
|
IIS软件
|
FTP软件
|
安全软件
|
远程监控
|
邮件系统 |
虚拟主机 |
web服务 |
组件
|
设计软件
|
数据库
网站运营
|
ASP电子书
|
PHP电子书
|
.NET电子书
|
JSP电子书
|
CGI
|
数据库XML
|
服务器
|
HTML
|
设计教程
|
AJAX
|
JAVA/J2EE
|
C语言
|
VB
|
DELPHI
|
安全
|
其它
论坛程序模板
|
医疗网站
|
产品网页
|
商务网站
|
主机网站
|
旅游网站
|
体育
|
娱乐
|
艺术网站
|
建筑网页
|
动植食物
|
人物网站
|
教育网页
|
企业网站
|
简约
|
另类
系统
|
房屋
|
苹果
|
文件夹
|
电脑
|
影视
|
动植物
|
表情
|
系列图标
|
软件
|
文件
|
游戏
|
工具
|
CD光盘
|
交通
|
人物
|
食物
|
体育
|
国旗
|
卡通
|
标志
|
桌面图标
风景图片
|
花草图片
|
水资源图片
|
动物图片
|
美食图片
|
人物图片
|
抽象
|
民族艺术
|
静物图片
|
宇宙图片
|
建筑图片
|
装修图片
|
科技交通
|
体育图片
|
精美图片
书法家字体
|
迷你
|
金梅
|
汉仪
|
华文
|
长城
|
创艺
|
汉鼎
|
金桥
|
文鼎
|
微软
|
超世纪
|
中国龙
|
四通利方
|
华康
|
经典
|
王汉宗
|
中文
|
条形码
|
英文
|
其它
韩国酷站
|
欧美酷站
|
中国酷站
|
日本酷站
|
黑色酷站
白色酷站
|
灰色酷站
|
红色酷站
|
橙色酷站
|
黄色酷站
|
绿色酷站
|
青色酷站
|
蓝色酷站
|
紫色酷站
广告代码特效
|
导航条代码
|
菜单特效
|
日期时间
|
背景图像
|
图层样式
|
鼠标特效代码
|
页面窗口
|
色彩表格
|
文字特效
|
表单按钮
|
计数转换
|
游戏特效
|
实例特效
网站免费登陆
|
Alexa排名查询
|
广告代码下载
|
站长工具
|
查询工具
|
色彩工具
|
技术手册查询
|
WHOIS信息查询
|
PR值查询
|
收录查询
|
极品万年历
|
身份证查询
网络编程技术
|
网页设计制作
|
原创作品点评
|
程序员互动
|
求职招聘
|
服务器主机
|
域名交易
|
建站源码发布
|
网站推广
|
站长链接交换
|
站长赚钱讨论
|
交易广告信息
当前位置:
网页特效
>
网页特效演示页
菜单导航特效
日期时间特效
背景图像特效
图层样式特效
鼠标特效代码
页面窗口特效
色彩表格特效
文字特效代码
表单按钮特效
计数转换特效
游戏网页特效
实例网页特效
国外网站扒下来的二级动态导航菜单特效 - 网页特效代码演示 - 特效代码运行
国外动态导航菜单特效
以下是HTML网页特效代码,点击运行按钮可查看效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> BODY { FONT-SIZE: 12px; MARGIN: 0px;BACKGROUND-COLOR: #131d30 } A:link { COLOR: #7ea9bf; TEXT-DECORATION: none } A:visited { COLOR: #7ea9bf; TEXT-DECORATION: none } A:hover { COLOR: #ffffff; TEXT-DECORATION: underline } A:active { COLOR: #ffffff; TEXT-DECORATION: none } .Defautl-Navigation { FONT-SIZE: 12px; FLOAT: left; COLOR: #7ea9bf; LINE-HEIGHT: 23px; HEIGHT: 23px; TEXT-ALIGN: center } </style> <SCRIPT language=javascript> var f=0; var y=0; var div_obj function over(obj){ div_obj=obj _f=0; y=0; document.getElementById(obj).innerHTML=""; document.getElementById(obj).style.width="0px"; document.getElementById(obj).style.height="1px"; document.getElementById(obj).style.display=""; timerDIV(); } function out(obj){ obj.style.display="none"; } function Tout(){ document.getElementById(div_obj).style.display="none"; } function Tover(){ document.getElementById(div_obj).style.display=""; } function timerDIV(){ if( _f >= 140){/*宽度*/ objy(); return ; } else{ _f=_f+10; document.getElementById(div_obj).style.width=_f+"px"; window.setTimeout(timerDIV,1); } } function objy(){ if(y >= 150){/*高度*/ var str="<div style=\"width:150px;height:auto;float:left;font-size:12px;margin:6px;line-height:20px\"><a href=\"http://www.showwho.com\">新闻-1</a><br/> <font style=\"color:#7EA9BF;font-size:11px;\">♦</font> <a href=\"http://www.showwho.com\" style=\"font-size:11px;\">新闻-1-1</a><br/> <font style=\"color:#7EA9BF;font-size:11px;\">♦</font> <a href=\"http://www.showwho.com\" style=\"font-size:11px\">新闻-1-2</a><br/> <font style=\"color:#7EA9BF;font-size:11px;\">♦</font> <a href=\"http://www.showwho.com\" style=\"font-size:11px\">新闻-1-3</a><br/><a href=\"http://www.showwho.com\">新闻-2</a><br /><a href=\"http://www.showwho.com\">新闻-3</a><br/><\/div>"; document.getElementById(div_obj).innerHTML=str return ; } else{ y+=6; document.getElementById(div_obj).style.height=y+"px"; window.setTimeout(objy,1); } } </SCRIPT> <title>JS导航效果</title> </HEAD> <BODY> <DIV class=Default-top> <DIV style="BORDER: #51789b 1px solid; width:500px;HEIGHT:23px; margin:20px auto; position:relative;"> <DIV class=Defautl-Navigation style="WIDTH: 60px"><A href="#">首页</A></DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 70px; CURSOR: pointer"><A onMouseOver="over('two')" onmouseout=out(two) href="#">新闻 ∇</A> </DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 80px"><A href="#"> 联系我们</A></DIV> <DIV class=Defautl-Navigation style="WIDTH: 10px">|</DIV> <DIV class=Defautl-Navigation style="WIDTH: 50px"><A href="#"> 其他</A></DIV> <DIV id=two style="overflow:hidden;BORDER: #51789b 2px solid;DISPLAY: none; FILTER: alpha(Opacity=70); LEFT:300px; FLOAT:left; WIDTH: 1px; POSITION:absolute; TOP: 14px; left:80px; HEIGHT: 1px; BACKGROUND-COLOR: #444; -moz-opacity: 0.7" onmousemove=Tover() onmouseout=Tout()>No Content </DIV> </DIV> </DIV> </BODY> </HTML>
欢迎访问阿里西西网页特效代码站,js.alixixi.com
[提示:可先修改代码再按运行]
刚被其它网友点击的网页特效
特效标题
预览特效
点击
运行特效
用图片代替滚动条特效
运行
929
如何在网页中显示特殊字符
运行
59
导航标签位于左侧的纵向选项卡
运行
701
QQ式的导航
运行
378
超酷的旋转导航效果
运行
233
类似QQ的导航条
运行
1124
猜数字
运行
124
经典实用的触发型导航菜单
运行
527
又一款文字闪烁显示
运行
328
模仿Flash AS效果的导航菜单
运行
424
全国省市县无刷新多级关联菜单
运行
261
滑出式菜单
运行
497
css控制放大图片
运行
1061
关闭网页窗口后直接跳转到新...
运行
775
类似Windows的极品导航菜单
运行
560
DIV图层圆边圆角的实现
运行
2803
上下弹动的导航条
运行
213
实现每天上午10点钟,定时弹...
运行
265
目录式导航菜单(鼠标放上的下...
运行
331
颜色选择器
运行
31
不错的公告栏
运行
122
速度与准确性的训练 规定时...
运行
150
仿windows选项卡特效集1
运行
809
下载完成后显示内容
运行
86
仿windows选项卡特效2
运行
669
一张化学元素周期表,点击元...
运行
26
下拉菜单导航(一)
运行
707
经典的导航说明
运行
448
iframe间的链接变换
运行
271
浮动的时钟 还不错!
运行
1825
搜索查询面板
本月特效排行
漂亮的表格样式
[运行]
js日历控件[超酷超漂亮]
[运行]
半透明的下拉菜单特效
[运行]
国外网站扒下来的二级动态导...
[运行]
青色柔和的导航条代码特效.
[运行]
非常酷的导航菜单
[运行]
英汉翻译器
[运行]
JS省市二级联动网页特效菜单
[运行]
设为首页及加入收藏代码
[运行]
仿QQ导航菜单特效
[运行]
更多...
本周特效排行
漂亮的表格样式
[运行]
青色柔和的导航条代码特效.
[运行]
非常酷的导航菜单
[运行]
js日历控件[超酷超漂亮]
[运行]
国外网站扒下来的二级动态导...
[运行]
展开层与关闭层的动态缓冲效...
[运行]
半透明的下拉菜单特效
[运行]
英汉翻译器
[运行]
JS省市二级联动网页特效菜单
[运行]
设为首页及加入收藏代码
[运行]
更多...
本日特效排行
js日历控件[超酷超漂亮]
[运行]
漂亮的立体表格效果特效
[运行]
用CSS控制滚动条样式
[运行]
漂亮的表格样式
[运行]
半透明的下拉菜单特效
[运行]
超简单表格隔行换色+鼠标经过变色
[运行]
刷新随机显示不同图片特效
[运行]
英汉翻译器
[运行]
DIV在3秒后自动向右上角缩小...
[运行]
设为首页及加入收藏代码
[运行]
更多...
网页特效即时演示功能V1.02 - 阿里西西
关于我们
·
免责声明
·
广告服务
·
版权隐私
·
联系我们
·
友情链接
·
网站地图
·
免费收录
·
本站技术QQ群:17701495
Copyright 2004-2008 © Alixixi.com
粤ICP备05097156号