首页 > 网站 > WEB开发 > 正文

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

2024-04-27 13:59:47

字体：大中小

来源：转载

供稿：网友

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

<style type="text/<a href="http://www.vevb.com/article.asp?typeid=38">CSS</a>">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><scr<a href="http://ip.vevb.com/">ip</a>t language="<a href="http://www.vevb.com/article.asp?typeid=160">java</a>script">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 onMou<a href="http://www.vevb.com/article.asp?typeid=138">SEO</a>ver="this.bgColor='#33ccff';aa1();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com"><a href="http://xiaoyouxi.vevb.com/">游戏</a>下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa2();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa3();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.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.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa5();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.com">游戏下载</a></td><td onMouseOver="this.bgColor='#33ccff';aa6();msg();this.className='changebordercolor'" onMouseOut="this.bgColor='#7DA7D9';this.className='backbordercolor'"><a href="http://www.baidu.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>

上一篇：网页中图片动态三维展示特效[网页特效]

下一篇：图片爆炸效果动画演示特效[网页特效]

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注