扫描二维码添加客服微信
扫描二维码关注
专辑图片素材-一个关于div的问题
清新黑板报 黑板报图片素材
别人班的黑板报清新隽永你班的黑板只用来默写建议收藏
精美黑板报
初中班级黑板报现灵魂画作老师看罢直呼高手能不毕业吗
新学期新形象黑板报
黑板报
发布到 默认专辑 图片评论 0条 收集 点赞 评论 黑板报 清新
不复杂又清新的小学新学期开学黑板报
黑板报
丰富校园文化共创精彩校园回民区实验小学6月黑板报展示
有黑板报分成感党恩战疫情续辉煌三部分表达了同学们只争朝夕不负
绿色的地球黑板报
勤洗手健康的黑板报健康黑板报图片素材
爱校园爱班级的黑板报
日本和中国都把《海贼王》画到了黑板报上可差异却很明显
黑板报 小清新 二次元 插画 意境 手绘 线条
这位00后的逆天黑板报惊艳无数网友每一幅都让人挪不开眼
缅怀烈士清明黑板报整体版式布局清新合理图文并茂插图及色彩搭配
别人班的黑板报清新隽永你班的黑板只用来默写建议收藏
绿色清新风格的黑板报设计图-心灵彼岸黑板报形式多样风格各异内容
篮球运动专辑黑板报 运动黑板报图片素材
篮球系列黑板报黑板报图片素材
篮球赛主题黑板报篮球赛活动主题
篮球接力比赛黑板报
关于篮球赛黑板报 关于黑板报图片素材
篮球运动会黑板报
篮球赛主题黑板报篮球赛活动主题
关于篮球运动的黑板报运动黑板报图片大全
校园篮球赛的黑板报
篮球节主题黑板报比赛
手抄吧 黑板报 运动会黑板报 正文
快乐篮球黑板报版面设计图
关于篮球黑板报的内容
体育运动的黑板报体育黑板报图片素材
运动类黑板报运动黑板报图片大全
体育运动主题黑板报设计图
篮球运动黑板报 篮球黑板报图片大全
篮球赛主题黑板报篮球赛活动主题
一个关于div的问题
这是滑动门
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
">
<html xmlns="
">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自适应宽度圆角滑动门――兼容IE6,IE7,IE8,FF,Opear</title>
<style type="text/css">
html{filter:expression(("BackgroundImageCache", false, true))}
body{text-align:center;font:12px Verdana,sans-serif;margin:5px 0}
ul,ol,li{margin:0;padding:0;border:0;list-style-type:none} input,select{font-size:12px}
a{color:#010101;text-decoration:none;outline:none} a:hover{text-decoration:underline}
.Tab{height:100%;text-align:left}
.Tab .title,.Tab .title div,.Tab .title .n1,.Tab .title .n1 span,.Tab .title .n2,.Tab .title .n2 span{background:url("
") no-repeat left top}
.Tab .title{height:30px;padding-left:10px}
.Tab .title div{background-position:right top;display:block;height:100%}
.Tab .title .n1,.Tab .title .n2{background-position:left bottom;height:26px;line-height:26px; display:block;float:left;text-align:center;padding-left:12px;margin-top:4px;margin-left:1px;color:#333; text-decoration:none}
.Tab .title .n1 span,.Tab .title .n2 span{background-position:right bottom;display:block;padding-right:12px}
.Tab .title .n2{background-position:left -30px}
.Tab .title .n2 span{background-position:right -30px}
.tabcon ul{margin:5px auto;padding:0}
.tabcon ul li{height:24px;line-height:24px;padding-left:16px;overflow:hidden;display:block}
</style>
<script type="text/javascript">
function $(obj){return (obj)}
function Tab(Xname,Cname,Lenght,j){for(i=1;i<Lenght;i++){eval("$('"+Xname+i+"').className='n2'");}eval("$('"+Xname+j+"').className='n1'");for(i=1;i<Lenght;i++){eval("$('"+Cname+i+"').='none'");eval("$('"+Cname+j+"').='block'");}}
</script>
</head>
<body>
<div style="width:500px;margin:0 auto">
<p>onmouseover事件</p>
<div class="Tab">
<div class="title">
<a href="#" id="a1" class="n1" onmouseover="Tab('a','ax',6,1)"><span>素材</span></a>
<a href="#" id="a2" class="n2" onmouseover="Tab('a','ax',6,2)"><span>精选代码</span></a>
<a href="#" id="a3" class="n2" onmouseover="Tab('a','ax',6,3)"><span>图片</span></a>
<a href="#" id="a4" class="n2" onmouseover="Tab('a','ax',6,4)"><span>DIV+CSS</span></a>
<a href="#" id="a5" class="n2" onmouseover="Tab('a','ax',6,5)"><span>站长手册站长必读选项卡tab宽度测试</span></a>
<div></div>
</div>
<div class="tabcon">
<ul id="ax1">
<li><a href="
" target="_blank">2009新春PSD素材合辑 2009-1-18</a></li>
<li><a href="
" target="_blank">图片素材专辑之《水・清纯篇》 2009-1-18</a></li>
<li><a href="
" target="_blank">图片素材专辑之《叶・叶脉篇》 2009-1-18</a></li>
</ul>
<ul id="ax2" style="display:none">
<li><a href="
" target="_blank">24小时退弹一次的代码,支持SP2\SP3\遨游 </a></li>
<li><a href="
" target="_blank">一款经典幻灯片轮换特效 </a></li>
<li><a href="
" target="_blank">符合WEB标准的间隙/间歇滚动代码(兼容IE及FireFox)</a></li>
</ul>
<ul id="ax3" style="display:none">
<li><a href="
" target="_blank">图片素材专辑之《树木・森林篇》</a></li>
<li><a href="
" target="_blank">图片素材专辑之《人物・男性特写篇》</a></li>
<li><a href="
" target="_blank">图片素材专辑之《人物・女性健美篇》</a></li>
</ul>
<ul id="ax4" style="display:none">
<li><a href="
" target="_blank">CSS的常用20条技巧整理 </a></li>
<li><a href="
" target="_blank">CSS语法缩写规则一览 </a></li>
<li><a href="
" target="_blank">css网页设计中需要注意的几个问题</a></li>
</ul>
<ul id="ax5" style="display:none">
<li><a href="
" target="_blank">Windows 2003 平台轻松安装最新的IIS+php+Mysql WEB运行环境</a></li>
<li><a href="
" target="_blank">搜索引擎优化中容易犯的一些错误 </a></li>
<li><a href="
" target="_blank">个人站长让网站流量增加几倍的方法</a></li>
</ul>
</div>
</div>
<p>onclick事件</p>
<div class="Tab">
<div class="title">
<a href="#" id="b1" class="n1" onclick="Tab('b','bx',6,1)"><span>素材</span></a>
<a href="#" id="b2" class="n2" onclick="Tab('b','bx',6,2)"><span>精选代码</span></a>
<a href="#" id="b3" class="n2" onclick="Tab('b','bx',6,3)"><span>图片</span></a>
<a href="#" id="b4" class="n2" onclick="Tab('b','bx',6,4)"><span>DIV+CSS</span></a>
<a href="#" id="b5" class="n2" onclick="Tab('b','bx',6,5)"><span>站长手册站长必读选项卡tab宽度测试</span></a>
<div></div>
</div>
<div class="tabcon">
<ul id="bx1">
<li><a href="
" target="_blank">2009新春PSD素材合辑 2009-1-18</a></li>
<li><a href="
" target="_blank">图片素材专辑之《水・清纯篇》 2009-1-18</a></li>
<li><a href="
" target="_blank">图片素材专辑之《叶・叶脉篇》 2009-1-18</a></li>
</ul>
<ul id="bx2" style="display:none">
<li><a href="
" target="_blank">24小时退弹一次的代码,支持SP2\SP3\遨游 </a></li>
<li><a href="
" target="_blank">一款经典幻灯片轮换特效 </a></li>
<li><a href="
" target="_blank">符合WEB标准的间隙/间歇滚动代码(兼容IE及FireFox)</a></li>
</ul>
<ul id="bx3" style="display:none">
<li><a href="
" target="_blank">图片素材专辑之《树木・森林篇》</a></li>
<li><a href="
" target="_blank">图片素材专辑之《人物・男性特写篇》</a></li>
<li><a href="
" target="_blank">图片素材专辑之《人物・女性健美篇》</a></li>
</ul>
<ul id="bx4" style="display:none">
<li><a href="
" target="_blank">CSS的常用20条技巧整理 </a></li>
<li><a href="
" target="_blank">CSS语法缩写规则一览 </a></li>
<li><a href="
" target="_blank">css网页设计中需要注意的几个问题</a></li>
</ul>
<ul id="bx5" style="display:none">
<li><a href="
" target="_blank">Windows 2003 平台轻松安装最新的IIS+php+Mysql WEB运行环境</a></li>
<li><a href="
" target="_blank">搜索引擎优化中容易犯的一些错误 </a></li>
<li><a href="
" target="_blank">个人站长让网站流量增加几倍的方法</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
-
果盘绘画图片大全简单创作方法快速制作技巧2024-01-02 16:57:54
-
小年插画图片创作方法快速制作技巧2024-01-02 16:57:20
-
小年绘画作品制作技巧2024-01-02 16:55:45
-
小年插画图片创作方法快速制作技巧
2024-01-02 16:55:02
-
立春插画图片如何制作2024-01-02 16:54:19
-
立春插画图片创作方法快速制作技巧2024-01-02 16:53:32
