广告服务
|
收藏本页
|
设为首页
|
登录
|
注册
退出
|
管理
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网页特效代码,点击运行按钮可查看效果:
<html> <head> <style type="text/css"> body {cursor:hand; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;} .link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden;visibility:hidden;} .title {position:relative;cursor:pointer;background:#FF6600;width:100%;color:#fff;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;} .title_o {position:relative;cursor:pointer;background:#fff;width:100%;color:#000;font-family:trebuchet MS;verdana;font-size:11px;left:2;height:15;overflow:hidden;} .text {position:relative;text-align:justify;margin:10px;font-family:trebuchet MS;verdana;font-size:11px;color:#FFF;overflow:hidden;height:90%} .fernando { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bolder} .mafra { } </style> <script type="text/javascript"><!-- var object = new Array(); function Slide(N,oCont){ this.N = N; this.S = 1.1; this.object = new Array(); this.CObj = function (parent,N){ this.parent = parent; this.N = N; this.obj = parent.frm[N]; this.tit = this.obj.firstChild; this.div = this.obj.getElementsByTagName("div")[1]; this.div.style.visibility = "hidden"; this.y0 = N * 18; this.Y1 = this.y0; this.obj.style.top = this.y0; this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3; this.obj.style.visibility = "visible"; this.obj.parent = this; this.run = false; this.move = function(){ with(this){ dy = (y1-y0)/parent.S; if(Math.abs(dy)>.1){ y0+=dy; obj.style.top = Math.round(y0); setTimeout("object["+parent.N+"].object["+N+"].move();", 16); } else { run = false; if(dy>0)div.style.visibility="hidden"; else if(N>0)parent.object[N-1].div.style.visibility="hidden"; } } } this.obj.onmouseover = function(){ with(this.parent){ if(!run){ run = true; div.style.visibility="visible"; for(i=0;i<parent.NF;i++)parent.object[i].tit.className = "title"; tit.className = "title_o"; for(i=0;i<=N;i++){ parent.object[i].y1 = i*18; parent.object[i].move(); } for(i=N+1;i<parent.NF;i++){ parent.object[i].y1 = parent.H-(parent.NF-i)*18; parent.object[i].move(); } } } } } this.frm = document.getElementById(oCont); this.H = parseInt(this.frm.style.height); this.frm = this.frm.getElementsByTagName("span"); this.NF = this.frm.length; for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i); this.object[0].obj.onmouseover(); this.S = 10; } onload = function() { object[0] = new Slide(0, "frames"); } //--> </script> </head> <body bgcolor="#333333"> <div style="position:absolute;left:50%;top:50%"> <div id="frames" style="position:absolute;width:200;height:340;left:-100;top:-180;overflow:hidden"> <span class="link"> <div class="title"></div> <div style="position:relative;text-align:center;margin:0px;font-family:trebuchet MS; verdana;font-size:29px;font-weight:bold;color:#FFF;overflow:hidden;height:120%"> <a href="http://www.mafra.fot.br/photos/alimentos.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_logo_home.gif" width="191" height="189" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> alimentos /<i> food</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/alimentos.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-01.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> bebidas /<i> drinks</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/bebidas.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-02.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> joias /<i> jewels</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/joias.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-03.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> natureza /<i> nature</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/natureza.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-04.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> gente /<i> people</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/pessoas.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-05.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> produtos /<i> products</i></b></div> <div class="text"> <a href="http://www.mafra.fot.br/photos/produtos.htm" target="_self" onFocus="if(this.blur)this.blur()"><img src="http://www.mafra.fot.br/photos/images/img_home-06.jpg" width="183" height="174" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> contato /<i> contact</i></b></div> <div style="position:relative;text-align:center;margin:0px;font-family:verdana;font-size:32px;font-weight:bold;color:#FFF;overflow:hidden;height:90%"> <a href="mailto:mafra@mafra.fot.br?Subject=Contato - Contact"><img src="http://www.mafra.fot.br/photos/images/img_assina_home.gif" width="191" height="189" border="0"></a> </div> </span> <span class="link"> <div class="title"><b> contato /<i> contact</i></b></div> <div style="position:relative;text-align:center;margin:0px;font-family:verdana;font-size:32px;font-weight:bold;color:#FFF;overflow:hidden;height:90%"> <a href="mailto:mafra@mafra.fot.br?Subject=Contato - Contact"><img src="http://www.mafra.fot.br/photos/images/img_assina_home.gif" width="191" height="189" border="0"></a> </div> </span> </div> </div> <div style="position:relative; text-align:center; margin:0px; font-family:verdana; font-size:9px; font-weight:normal; color:#999999; overflow:hidden; height:131px; left: 414px; top: 474px; width: 172px;"> </div> <script type="text/javascript"> _uacct = "UA-1182901-1"; urchinTracker(); </script> </body> </html>
欢迎访问阿里西西网页特效代码站,js.alixixi.com
[提示:可先修改代码再按运行]
刚被其它网友点击的网页特效
特效标题
预览特效
点击
运行特效
在远方仿建设银行软键盘密码...
运行
200
给页面加热键
运行
68
站内搜索脚本(三)
运行
73
站内搜索脚本(二)
运行
68
网页源代码加密保护 输入原代...
运行
64
随机乱码生成器
运行
98
自动上下滚屏
运行
96
随机数据显示功能(可用于选...
运行
81
图片生成器
运行
366
下拉菜单自动生成
运行
97
集成的搜索引擎
运行
108
页面搜索器
运行
91
站内搜索脚本(六)
运行
93
动态变形的公告窗口『COOL』
运行
166
站内搜索脚本(五)
运行
81
站内搜索脚本(四)
运行
125
加密文本解密(一)
运行
104
页面上的酷文字
运行
84
把链接做成JS文件
运行
138
网页脚本运行代码功能特效
运行
642
宣传FLASH的隐现
运行
292
自动跳转文本
运行
50
按钮直接转换页面
运行
50
滚动到边停
运行
44
滚动的iframe页面
运行
164
投票与结果分别对待
运行
78
表单提交给两个文件
运行
92
style的点击变换
运行
107
setTimeout的用法
运行
447
网上订单的查询
运行
144
搜索查询面板
本月特效排行
JS树形菜单
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
网页弹出层
[运行]
一款动感十足的div+css动态菜单
[运行]
令人震撼的图片展示效果
[运行]
仿flash导航菜单(jquery),适...
[运行]
绝对经典的滑轮新闻显示(javasc...
[运行]
仿flash菜单2(jquery)
[运行]
JavaScript模拟下拉菜单 JQuer...
[运行]
菜单抖动效果
[运行]
更多...
本周特效排行
透明漂亮的动感滑动效果菜单
[运行]
发一个弹性菜单,垂直的那种
[运行]
滚动图片中图片选中效果
[运行]
js+css完成的网站流行效果
[运行]
JS树形菜单
[运行]
用Li来实现的效果
[运行]
[ 原创 ] 仿搜狐女人频道FLAS...
[运行]
网页弹出层
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
令人震撼的图片展示效果
[运行]
更多...
本日特效排行
透明漂亮的动感滑动效果菜单
[运行]
用Li来实现的效果
[运行]
发一个弹性菜单,垂直的那种
[运行]
JS树形菜单
[运行]
滚动图片中图片选中效果
[运行]
js+css完成的网站流行效果
[运行]
[ 原创 ] 仿搜狐女人频道FLAS...
[运行]
仿FLASH的漂亮的图片轮播效果
[运行]
令人震撼的图片展示效果
[运行]
网页弹出层
[运行]
更多...
网页特效即时演示功能V1.02 - 阿里西西
关于我们
·
免责声明
·
广告服务
·
版权隐私
·
联系我们
·
友情链接
·
网站地图
·
免费收录
·
本站技术QQ群:17701495
Copyright 2004-2008 © Alixixi.com
粤ICP备05097156号