室内设计
Photoshop教程
Flash教程
韩国网站模板
网页制作
网络协议
安全技术
平面设计作品
矢量素材
网站地图
设为主页
收藏本页
网站首页
网页模板
网页素材
网络编程
网页设计
设计教程
设计欣赏
办公软件
免费资源
网络技术
操作系统
职场资讯
QQ相关
您的位置:
设计首页
>>
特效代码
>>
综合实例特效
>>正文
用js实现的3D特效
来源:网络收集 时间:2008-10-11 23:57:22 点击:830次
以下是HTML网页特效代码,点击“预览效果”按钮可查看效果:
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>3dtest2</title> <script language="JavaScript"></script> <style type="text/css"> v\:*{behavior:url(#default#VML);} body {font-family: verdana, arial; font-size:10px; color:white;} input, select, .cb {background-color: #BB0000; padding:3px;font-family:verdana, helvetica, arial; font-size:10px; border: 0 solid; border-color: #C0E0C0; color:#FFFFFF;} a:link, a:visited, a:active {font-family: verdana, arial; font-size:10px; color:white;} a:hover {font-family: verdana, arial; font-size:10px; color:red;} </style> </head> <body onload="startup();" bgcolor="#000000"> <v:shape id="c1" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c2" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c3" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c4" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="v1" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v2" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v3" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v4" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <div style="position:absolute; top:75px; left:122px; width:200;" align="justify"> <br> <br> <select onchange="dist = Math.floor(this.value);"> <option value="40">super high</option> <option value="50">high</option> <option value="90" selected>normal</option> <option value="200">low</option> <option value="10000">super low</option> </select> </div> </body> </html>
欢迎访问快乐路上网页特效代码站
[提示:可先修改代码再按运行]
关闭窗口
特效代码分类导航
菜单导航特效
日期时间特效
背景图像特效
图层样式特效
鼠标特效代码
页面网页特效
色彩表格特效
文字特效代码
表单按钮特效
计数转换特效
游戏网页特效
综合实例特效
热门点击文章
·用js实现的3D特效
·Cookie记住滚动条的位置
·可在线重新排版的网页
·滑动门技术菜单 - 兼容firefox火狐
·下拉"cool"单
·静态导航菜单
·链接的文字解释
·一个多功能蓝色漂亮的搜索条.
·上下弹动的导航条
·简单实用的下拉菜单
栏目推荐文章
·滑动门技术菜单 - 兼容firefox火狐
·下拉"cool"单
·静态导航菜单
·链接的文字解释
·一个多功能蓝色漂亮的搜索条.
·极酷分级导航
·层叠式导航菜单
·导航菜单特效 (突出的接钮似效果)
·XP菜单网页特效
·下拉菜单导航(二)
免责声明
:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:kl63com#139.com(将#改为@)
转载要求
:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。
本站声明:本站为非营利性站点,所有资源均是网上搜集或私下交流学习之用,
任何涉及商业盈利目的均不得使用
,否则产生的一切后果将由您自己承担!本站仅仅提供一个观摩学习的环境,将不对任何资源负法律责任。除部分原创作品外,本站不享有版权,如果您发现有部分图片侵害了您的版权,请速与我们联系,我们将在第一时间删除。
下载说明:本站提供矢量图、高清位图、网站模板、字体、FLASH源码等内容的下载,如果未经说明,所有解压密码均为“www.kl63.com“,推荐使用WinRAR V3.42以上版本解压。未经本站许可,任何网站不得非法盗链及抄袭本站资源。如果您发现链接错误或其它问题,请发Email(kl63com#139.com)告诉我们!谢谢合作!
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的设计图库、资源下载、插画、设计作品等内容如需使用,请与原作者联系,版权归原作者所有。