广告服务
|
收藏本页
|
设为首页
|
登录
|
注册
退出
|
管理
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" /> <title>▒ 恋婷滑动门技术</title> <style media="screen" type="text/css"> <!-- *{font-size:12px;} html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;} UL{list-style-type:none; margin:0px;} /* 标准盒模型 */ .ttl{height:18px;} .ctt{height:auto;padding:6px;clear:both;border:1px solid #064ca1;border-top:0;text-align:left;} .w936{margin:2px 0;clear:both;width:936px;/*这里调整整个滑动门的宽度*/} /* TAB 切换效果 */ .tb_{background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_b6d924afad052649402dWs8adqAyLtgi.gif'); background-repeat: repeat-x;background-color: #E6F2FF;} .tb_ ul{height:24px;} .tb_ li{float:left;height: 24px;line-height:1.9;width: 94px;cursor:pointer;} /* 用于控制显示与隐藏的css类 */ .normaltab { background-image:url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_1bd9c293199c87ac974auuJXlsPMeKDq.gif'); background-repeat: no-repeat; color:#1F3A87 ;} .hovertab { background-image: url('http://bbs.blueidea.com/attachments/2007/4/29/20070429_55976880c7b020703a18yOxpDn5WBaHd.gif'); background-repeat: no-repeat; color:#1F3A87; font-weight:bold } .dis{display:block;} .undis{display:none;} --> </style> <script type="text/javascript" language="javascript"> //<!CDATA[ function g(o){return document.getElementById(o);} function HoverLi(n){ //如果有N个标签,就将i<=N; //本功能非常OK,兼容IE7,FF,IE6;http://www.xiaogezi.cn/ [小鸽子]系列 for(var i=1;i<=6;i++){g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab'; } //如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick; //]]> </script> </head> <body> <div class="w936"> <div id="tb_" class="tb_"> <ul> <li id="tb_1" class="hovertab" onmouseover="x:HoverLi(1);"> 流行音乐</li> <li id="tb_2" class="normaltab" onmouseover="i:HoverLi(2);"> 美女写真</li> <li id="tb_3" class="normaltab" onmouseover="a:HoverLi(3);"> 平面设计</li> <li id="tb_4" class="normaltab" onmouseover="o:HoverLi(4);"> 网络学堂</li> <li id="tb_5" class="normaltab" onmouseover="g:HoverLi(5);"> 恋爱宝典</li> <li id="tb_6" class="normaltab" onmouseover="z:HoverLi(6);"> Q小鸽子</li> </ul> </div> <div class="ctt"> <div class="dis" id="tbc_01">流行音乐 的内容</div> <div class="undis" id="tbc_02">美女写真 的内容</div> <div class="undis" id="tbc_03">平面设计 的内容</div> <div class="undis" id="tbc_04">网络学堂 的内容</div> <div class="undis" id="tbc_05">恋爱宝典 的内容</div> <div class="undis" id="tbc_06"><b>[Q小鸽子] 的内容</b><br /><img src="http://vickeychen.go3.icpcn.com/images/logo_main.GIF" alt="中国最Q小鸽子" /> </div> </div> </div> <hr author="http://xiaogezi.cn" size="1" noshade="noshade" style="color:#064ca1;margin-top:30px;" /> </body> </html>
欢迎访问阿里西西网页特效代码站,js.alixixi.com
[提示:可先修改代码再按运行]
刚被其它网友点击的网页特效
特效标题
预览特效
点击
运行特效
虚拟格式化硬盘
运行
69
猜数字
运行
269
JS输入日期自动计算出年龄
运行
0
输入身高和体重得出对你身材...
运行
65
用DIV+CSS实现的网易首页滑动...
运行
1731
普通的导航链接条,但是加了CS...
运行
1221
用CSS制作的超漂亮实用的网页按钮
运行
861
CSS制作的一款非常简单的韩国...
运行
804
纯CSS制作的超酷的网站横向导...
运行
837
效果非常不错的DIV+CSS布局的...
运行
986
网页特效:DIV CSS布局的标准...
运行
565
图片连续滚动效果
运行
2545
网页特效:DIV CSS网页布局导...
运行
308
DIV CSS网页布局导航菜单源代码...
运行
332
网页特效:DIV CSS网页布局导...
运行
443
DIV+CSS布局的常用商品信息网...
运行
662
网页教学网DIV+CSS标准网页菜...
运行
413
网页教学网DIV+CSS标准网页菜...
运行
265
网页教学网DIV+CSS标准网页菜...
运行
268
网页教学网构建DIV+CSS网页菜...
运行
274
网页教学网构建DIV+CSS网页菜...
运行
656
网页教学网DIV+CSS网页标准菜...
运行
254
网页教学网DIV CSS标准网页菜...
运行
200
网页教学网DIV CSS标准网页菜...
运行
237
DIV CSS制作的符合标准的网页...
运行
417
DIV CSS制作的符合标准的网页...
运行
257
DIV CSS制作的符合标准的网页...
运行
255
DIV CSS制作的符合标准的网页...
运行
252
DIV CSS制作的符合标准的网页...
运行
291
DIV CSS网页布局导航菜单源代码...
运行
526
搜索查询面板
本月特效排行
滑动门,简洁
[运行]
仿钢琴键盘的左侧导航菜单
[运行]
透明漂亮的动感滑动效果菜单
[运行]
不用js实现的css下拉菜单特效
[运行]
超酷仿苹果机桌面js+Css飞行菜单
[运行]
图片自动播放(数字控制)效果
[运行]
Div+CSS+JS树型菜单,可刷新
[运行]
图片播放器特效
[运行]
三种简洁的Tab导航(网页选项...
[运行]
发一个弹性菜单,垂直的那种
[运行]
更多...
本周特效排行
滑动门,简洁
[运行]
仿钢琴键盘的左侧导航菜单
[运行]
透明漂亮的动感滑动效果菜单
[运行]
不用js实现的css下拉菜单特效
[运行]
图片自动播放(数字控制)效果
[运行]
使用回车键来切换提交表单中...
[运行]
超酷仿苹果机桌面js+Css飞行菜单
[运行]
Div+CSS+JS树型菜单,可刷新
[运行]
图片播放器特效
[运行]
三种简洁的Tab导航(网页选项...
[运行]
更多...
本日特效排行
仿钢琴键盘的左侧导航菜单
[运行]
滑动门,简洁
[运行]
透明漂亮的动感滑动效果菜单
[运行]
Div+CSS+JS树型菜单,可刷新
[运行]
不用js实现的css下拉菜单特效
[运行]
图片自动播放(数字控制)效果
[运行]
三种简洁的Tab导航(网页选项...
[运行]
图片播放器特效
[运行]
超酷仿苹果机桌面js+Css飞行菜单
[运行]
发一个弹性菜单,垂直的那种
[运行]
更多...
网页特效即时演示功能V1.02 - 阿里西西
关于我们
·
免责声明
·
广告服务
·
版权隐私
·
联系我们
·
友情链接
·
网站地图
·
免费收录
·
本站技术QQ群:17701495
Copyright 2004-2008 © Alixixi.com
粤ICP备05097156号