网页页面中真实的宇宙效果演示[网页特效]-脚本在线

首页前沿速递服务器教程网页设计教程网络编辑教程

移动端

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

网页页面中真实的宇宙效果演示[网页特效]

作者：互联网

2009-06-20

网页特效

一个不错的适合作分类的选项卡特效代码

<style type="text/css"> body { margin:0px; text-align:center; font-size:12px; } #divall { margin:auto; margin-top:35px; width:300px; height:200px; background-color:#7DA7D9; border:0px; } #title { width:300px; height:20px; font-size:14px; margin-top:4px; } #table1 table { width:300px; height:30px; font-size:12px; } #table2 table { width:300px; height:30px; font-size:12px; } #content1,#content2,#content3,#content4,#content5,#content6,#msg1,#msg2 { margin:auto; height:110px; width:290px; background-color:#eee; position:relative; } #content1 div,#content2 div,#content3 div,#content4 div,#content5 div,#content6 div { position:absolute; bottom:3px; right:3px; cursor:pointer; } a { text-decoration:none; } .changebordercolor { border-top:1px solid #369; border-left:1px solid #369; } .backbordercolor { border:0px solid red; } </style> <script language="javascript"> function msg(){ document.getElementById("msg1").style.display="none" document.getElementById("msg2").style.display="none" } function msgnone(ms,cont){ document.getElementById(ms).style.display='block' document.getElementById(cont).style.display='none' } function aa1(){ document.getElementById("content1").style.display="block" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa2(){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="block" document.getElementById("content3").style.display="none" document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa3(){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="block" document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa4(){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById("content4").style.display="block" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="none" } function aa5(){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="block" document.getElementById("content6").style.display="none" } function aa6(){ document.getElementById("content1").style.display="none" document.getElementById("content2").style.display="none" document.getElementById("content3").style.display="none" document.getElementById("content4").style.display="none" document.getElementById("content5").style.display="none" document.getElementById("content6").style.display="block" } </script> <body onLoad="aa1();msg()"> <div id="divall"> <div id="title">分类类型</div> <div id="table1"> <table cellpadding=0 cellspacing=0 boder=0> <tr align=center> <td onMouseOver="this.bgColor='#33ccff';aa1();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa2();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa3();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> </tr></table></div> <div id="content1">第一个里面的内容<div onClick="msgnone('msg1','content1')">关闭</div></div> <div id="content2">第二个里面的内容<div onClick="msgnone('msg1','content2')">关闭</div></div> <div id="content3">第三个里面的内容<div onClick="msgnone('msg1','content3')">关闭</div></div> <div id="msg1">没有选择类型</div> <div id="table2"> <table cellpadding=0 cellspacing=0 boder=0> <tr align=center> <td onMouseOver="this.bgColor='#33ccff';aa4();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa5();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> <td onMouseOver="this.bgColor='#33ccff';aa6();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.*ba*i*du.com">游戏下载</a></td> </tr></table></div> <div id="content4">第四个里面的内容<div onClick="msgnone('msg3','content4')">关闭</div></div> <div id="content5">第五个里面的内容<div onClick="msgnone('msg2','content5')">关闭</div></div> <div id="content6">第六个里面的内容<div onClick="msgnone('msg2','content6')">关闭</div></div> <div id="msg2">没有选择类型</div> </div></body>

相关标签:

网页特效

上一篇：下拉透明的菜单代码[网页特效] 下一篇：图片爆炸效果动画演示特效[网页特效]

相关推荐

表空间自动目录创建与存储管理实践：参数化配置与性能优化当谈及企业级数据库的部署与运维时，存储空间的管理以及目录权限的把控是保障系统稳定运行的关键所在，这是众人都知道的。

2026-04-14

立即查看

LangChain 30 天保姆级教程 · Day 16｜文档加载器大合集！PDF、Word、网页、数据库一键读取，构建你的知识库！ ? 一、为什么需要 Document Loaders？在构建 RAG（检索增强生成）系统时，第一步永远是：把非结构化数据变成纯文本。但现实中的知识分散在： ? PDF 技术手册 ? Word 产品

2026-04-14

立即查看

python从入门到精通-第0章: 思维模式碰撞第0章: 思维模式碰撞 0.1 编译型 vs 解释型: 运行机制本质差异 Java/Kotlin 对比 Java/Kotlin 的运行流程：源代码 → 编译器 → 字节码(.class) 字节码 →

2026-04-14

立即查看

Meta Muse Spark 的"思维压缩"到底是什么？我用 Python 复现了核心思路（附代码） 3 天前 Meta 发布了 Muse Spark，第一个闭源模型，也是 Meta 超级智能实验室的第一个产品。抛开"Meta 背叛开源"这个话题不谈，这个模型有个技术点很值得聊

2026-04-14

立即查看

专题

#蛋仔派对

提供蛋仔派对最新官方活动解析

+ 收藏

#Grok

Grok脚本资源网站，提供G

+ 收藏

#Sora2

Sora2脚本资源网站，提供S

+ 收藏

#通义万相

通义万相脚本资源网站，提供通

+ 收藏

#海螺AI

海螺AI脚本资源网站，提供海

+ 收藏

#可灵AI

可灵AI脚本资源网站，提供可

+ 收藏

最新数据

一种比较酷的页面效果网页特效:另类的网页中的弹出小

随滚动条滚动的QQ客服咨询特效代码

网页动态图形显示特效[网页特效]

网页中图片动态三维展示特效[网页特效]

网页中鼠标感应的图片[网页特效]

具有渐变效果的下拉菜单特效代码[网页特效]

向上收缩并隐藏的Fash广告代码

在页面内短暂时间显示的Flash广告[网页特效]

全页漂浮的图片的广告代码[网页特效]

左右漂浮的图片广告代码

相关文章

使用Apparat框架优化Flash

一场关于YUI3/jQuery的精彩辩论

从if else到switch case再到抽象

BigPipe:高性能的"流水线技术"网页

跨域资源共享的10种方式

WEB移动应用框架构想

GC与JS内存泄露

三谈Iframe自适应高度

HTML5 WebSockets基础使用教程

精简高效的CSS命名准则和方法

AI精选

更多

JSON 三联画提示词：温馨

高端时尚美妆特写肖像提示词，

卡拉瓦乔遇上国家地理式解剖

奢华私人飞机拍摄提示，适合时尚年轻女性

适用于 Nano Banana Pro 的分屏场景‘发薪日之前和之后’提示

奢华网球专题 2x2 网格图生图提示词适用于 Nano Banana Pro

红色背景下的高级时尚杂志风人像

适用于 Nano Banana Pro 的韩系模特风格肖像提示词

以反狙击为灵感的日式和菓子

以期货交易惨败为灵感的可爱风便当

脚本推荐

SeeDance 2.0 Video Creator专区

OpenClaw AI专区

cowork专区

claude code skills专区