来自网易空间排行宽度可以变化的选项卡 -- [导航菜单]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

来自网易空间排行宽度可以变化的选项卡

网络 2009/6/20 10:04:33 深山行者字体:大中小浏览 8353

以下为详细代码

<TITLE>来自网易空间排行宽度可以变化的选项卡</TITLE>
<style>
HTML,BODY {
	margin:30px;padding:0;border:none;font-size:14px
}
.wrap {
	width:300px; BORDER: #b7c5d9 1px solid;BACKGROUND: #f0f6f9
}
.a10 {
	FONT-WEIGHT: bold; COLOR: #0099cc;  TEXT-DECORATION: none;
}
.a10:hover {
	COLOR: #bb2233; TEXT-DECORATION: underline
}
.md-head {
	PADDING-LEFT: 0px; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.md-head A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; FLOAT: left; BORDER-BOTTOM-WIDTH: 1px; MARGIN-LEFT: -1px; WIDTH: 76px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.md-head A.wid {
	WIDTH: 148px
}
.md-head A.cur {
	 BORDER-BOTTOM-WIDTH: 0px; COLOR: #000; BACKGROUND-COLOR: #f0f6f9; TEXT-DECORATION: none
}
.md-body {
	padding:15px;ZOOM: 1
}
a,area { blr:e-xpression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; } 
</style>
</HEAD>
<BODY>
<DIV class="wrap" id=divspacerank>
     <DIV class=md-head id=blogs_spacerank>
     <A class="a10 wrap cur wid" id=blogs_spacerank_tab_0 hideFocus onClick="blogs_spacerank_ck(0);return false;" href="#">今日空间排行</A> 
     <A class="a10 wrap" id=blogs_spacerank_tab_1 hideFocus onClick="blogs_spacerank_ck(1);return false;" href="#">72小时</A> 
     <A class="a10 wrap" id=blogs_spacerank_tab_2 hideFocus onClick="blogs_spacerank_ck(2);return false;" href="#">一周</A> <BR class=clear>
     </DIV>
     <DIV class=md-body>
          <DIV id=blogs_spacerank_0>
               今日空间排行内容
          </DIV>
          <DIV id=blogs_spacerank_1 style="DISPLAY: none">
                72小时空间排行内容
         </DIV>
         <DIV id=blogs_spacerank_2 style="DISPLAY: none">
                一周空间排行内容
         </DIV>
	</DIV>
</DIV>
<SCRIPT>
	 var blogs_spacerank_index = 0,blogs_spacerank_class = 'a10 wrap ';
	 var blogs_spacerank_list = document.getElementById('blogs_spacerank').getElementsByTagName('a');
	 function blogs_spacerank_ck(_idx){
		blogs_spacerank_list[blogs_spacerank_index].className = blogs_spacerank_class;
		blogs_spacerank_list[_idx].className = blogs_spacerank_class + ' cur wid';
		document.getElementById('blogs_spacerank_'+blogs_spacerank_index).style.display = 'none';
		document.getElementById('blogs_spacerank_tab_'+blogs_spacerank_index).innerHTML = document.getElementById('blogs_spacerank_tab_'+blogs_spacerank_index).innerHTML.replace("空间排行","");
		document.getElementById('blogs_spacerank_'+_idx).style.display = 'block';
		document.getElementById('blogs_spacerank_tab_'+_idx).innerHTML = document.getElementById('blogs_spacerank_tab_'+_idx).innerHTML+"空间排行";
		blogs_spacerank_index = _idx;
	 }													
</SCRIPT>

前一页:纯div+css制作的弹出菜单-01

后一页:利用javascript仿的漂亮的flash效果的菜单

相关阅读: 仿taobao效果拼音字母检索功能; window.location.href跳转无反应不跳转解决; 深山留言板 v7.0.1 bulid2014.11.15更新; 圣诞节12.5号，白雪天地留言板模板; python对微信操作要用到这两个库wxpy与itchat; 微信公众号生成带参数的二维码asp源码下载; web版的js正则工具; 利用window.open函数控制弹出窗口,设置个性的弹出窗口

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: div+CSS的无限级扩展下拉菜单(全部加了注释); 经典的仿蓝色理想TAB横向下拉菜单效果; 纯div+css制作的弹出菜单-05; 纯div+css制作的弹出菜单-04; 纯div+css制作的弹出菜单-02; 纯div+css制作的弹出菜单-02

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 深山留言板 v7.0.1 bulid2014.11.15更新; CSS中的单位一览包括宽度尺寸单位颜色单位角度单位; 初学入门：一组常用的弹出窗口用法总结; 黑色精灵留言板模板; 高度100%的绝对定位自适应布局技巧; 层展开/关闭 - 运动缓冲效果

更多标签热门标签

读取调节文本广告 label 旅行社产品缩略图 ResponseXML 原则爱国标签 id 站长首字母营销性能 PSD 图片选择框 VBScript 留言次数强度 V3.1 div 下拉框验证 open 成功导出 dt 阴影效果 flash 透明记录盖楼提示信息适应 exe 排序翻转文字样式添加查找键盘蜘蛛 2.0 彩色 web2.0 天气预报