下载 >  开发技术 >  Web开发 > 滑动门代码

滑动门代码

介绍一个关于导航条的代码,实现了滑动效果,而且是很经典的一个
2011-11-16 上传大小:6KB
分享
收藏 举报
DIV滑动门代码

<style type="text/css"> body{ color: #000; font-family: "宋体", arial; font-size: 12px; background: #fff; text-align: center; margin: 0; } .nTab{ float: left; width: 240px; margin: 0 auto; border-bottom:1px #C7C7CD solid; background:#d5d5d5; background-position:left; background-repeat:repeat-y; margin-bottom:2px; } .nTab .TabTitle{ clear: both; height: 26px; overflow: hidden; } .nTab .TabTitle ul{ margin:0; padding:0; } .nTab .TabTitle li{ float: left; width: 60px; cursor: pointer; padding-top: 6px; padding-right: 0px; padding-left: 0px; padding-bottom: 7px; list-style-type: none; } .nTab .TabTitle .active{ background:url(images/finance_nc_080124_ws_001.gif) left -25px no-repeat;border-left:1px #C7C7CD solid;border-top:1px #C7C7CD solid;border-bottom:1px #fff solid;} .nTab .TabTitle .normal{ background:url(images/finance_nc_080124_ws_001.gif);border-top:1px #C7C7CD solid;border-bottom:1px #C7C7CD solid;} .nTab .TabContent{ width:auto;background:#fff; margin: 0px auto; padding:10px 0 0 0; border-right:1px #C7C7CD solid;border-left:1px #C7C7CD solid; } .none {display:none;} </style> <script type="text/javascript"> function nTabs(thisObj,Num){ if(thisObj.className == "active")return; var tabObj = thisObj.parentNode.id; var tabList = document.getElementById(tabObj).getElementsByTagName("li"); for(i=0; i <tabList.length; i++) { if (i == Num) { thisObj.className = "active"; document.getElementById(tabObj+"_Content"+i).style.display = "block"; }else{ tabList[i].className = "normal"; document.getElementById(tabObj+"_Content"+i).style.display = "none"; } } } </script> <!-- 选项卡开始 --> <div class="nTab"> <!-- 标题开始 --> <div class="TabTitle"> <ul id="myTab0"> <li class="active" onClick="nTabs(this,0);">预拔电杆</li> <li class="normal" onClick="nTabs(this,1);">预等电杆</li> <li class="normal" onClick="nTabs(this,2);">普拔电杆</li> <li class="normal" onClick="nTabs(this,3);">部预电杆</li> </ul> </div> <!-- 内容开始 --> <div class="TabContent"> <div id="myTab0_Content0"> 欢迎访问:<a href="http://www.alixixi.com" target="_blank">阿里西西WEB开发 </a></div> <div id="myTab0_Content1" class="none"><a href="http://www.alixixi.com">计源论坛 计源论坛</a></div> <div id="myTab0_Content2" class="none"><a href="http://www.alixixi.com">计源论坛22</a></div> <div id="myTab0_Content3" class="none"><a href="http://www.alixixi.com">计源论坛33</a></div> </div> </div> <!-- 选项卡结束 -->

立即下载
多款tab滑动门代码

多款tab滑动门代码多款tab滑动门代码

立即下载
一个经典的CSS滑动门学习实例

这里有学习CSS滑动门技术的图片包,直接下载回去,照着给你的教程地址,边看边实践,相信很快就会学会了。

立即下载
购物网JavaScript横长形图片滚动滑动门

购物网JavaScript横长形图片滚动滑动门

立即下载
JavaScript\JS\菜单类\仿网易的滑动门技术DIV+CSS实现.txt

JavaScript\JS\菜单类\仿网易的滑动门技术DIV+CSS实现

立即下载
滑动门js源码滑动门js源码

kutm滑动门源码kutm滑动门源码kutm滑动门源码

立即下载
漂亮淡蓝色滑动门代码

漂亮淡蓝色滑动门代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

立即下载
滑动门.rar滑动门.rar

滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar滑动门.rar

立即下载
滑动门特效完整代码实现

滑动门特效完整代码实现

立即下载
大气的滑动门页面效果代码

滑动门代码 滑动门效果 新闻轮番 大气不错~~

立即下载
鼠标点击滑动门代码

鼠标点击滑动门代码

立即下载
自适应宽度圆角按钮代码

自适应宽度圆角按钮 代码下载。 滑动门自适应宽度圆角按钮 代码下载。 滑动门

立即下载
jquery 滑动门效果

一个很好的jquery 滑动门效果,可以做导航,或者图片切换,很简单,很实用!

立即下载
左右可伸缩滑动门漂亮效果(js 源码)

左右可伸缩滑动门漂亮效果(js 源码) JQuery,div+css,网页特效,广告设计

立即下载
仿小米官网静态界面

此网站实现小米商官网的布局,内含图片及jsp代码。适用校内课程设计,及新手练习参考。

立即下载
不同风格的Tab滑动门代码+图片

不同风格的Tab滑动门代码

立即下载
重用通用滑动门脚本原生js 兼容多平台

原生JS编写的滑动门效果 重用性高,精简代码 重用通用滑动门脚本原生js 兼容多平台

立即下载
非常不错的css滑动门效果网页选项卡代码

非常不错的css滑动门效果网页选项卡代码,我经常使用这个滑动门..代码简洁明了...快点下载收藏吧.

立即下载
jquery滑动门效果

jquery滑动门效果,代码简单,容易修改

立即下载
CSS+DIV实现的纵向垂直滑动门效果

CSS+DIV实现的纵向垂直滑动门效果 是一个menu,适用于后台

立即下载
关闭
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

滑动门代码

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

若举报审核通过,可返还被扣除的积分

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: