- 浏览: 57548 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
netkongjian:
欢迎加入程序员网址导航[deyi]
仿360网址导航 -
jjklmm:
期待完善:如何保证ie6下,弹出窗口垂直居中,且拖动滚动条时, ...
jquery不同间隔时间弹窗 -
jjklmm:
初级完善后的瀑布流:http://jjklmm.iteye.c ...
初级瀑布流,欢迎改善 -
hoarhoar:
netkiller.github.com 写道为什么Apple ...
总结Objective-C特点 -
netkiller.github.com:
为什么Apple不选择 D语言呢?
总结Objective-C特点
效果图:
测试网址:http://www.miiceic.org.cn/eg/eg10/dao.html
源码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>安博中程企业培训,企业内训,专注于android培训,软考培训,软件开发,软件工程,嵌入式,UI设计,重构,架构等IT企业培训</title>
<meta name="keywords" content="企业培训,企业内训,android培训,软考培训,it企业培训"/>
<meta name="description" content="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库,国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训,敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品牌."/>
<meta name="copyright" content="安博教育集团 中程在线北京科技有限公司版权所有"/>
</head>
<style type="text/css">
*{ margin:0; padding:0;}
body{ font:12px/22px "宋体", "Arial Unicode MS"; color:#666; background-color:#f9f9f9;}
em{ font-style:normal;}
h3 {FONT-SIZE: 12px}
h3 a{cursor:pointer;}
.box{width:188px;/** margin:20px auto; **/text-align:left; float:left; margin:4px 10px 0 0;}
.allsort {Z-INDEX:10;/** BACKGROUND: url(/images/Bg.jpg) no-repeat 0px -166px;**/ FLOAT: left; WIDTH: 188px; MARGIN-left: 4px; POSITION: relative; HEIGHT:32px; background-color:#FFFFFF;clear:both;}
.allsort .mt {PADDING-RIGHT: 12px; PADDING-LEFT: 16px; CURSOR: pointer; LINE-HEIGHT: 24px; HEIGHT: 24px; margin:0}
.allsort .mt { font-family:"微软雅黑", "宋体", "黑体";FONT-SIZE: 14px; FLOAT: left; COLOR: #630}
#o-search .allsort .mt A {COLOR: #630}
.allsort .mt .extra {DISPLAY: none}
.allsort .mc { left:-1px; background:#FFF;BORDER-RIGHT: #C6001D 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #C6001D 0px solid; PADDING-LEFT: 3px;PADDING-BOTTOM: 0px; OVERFLOW: visible; BORDER-LEFT: #C6001D 1px solid; WIDTH: 182px; PADDING-TOP: 0px; BORDER-BOTTOM: #C6001D 1px solid; POSITION: absolute; TOP: 32px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px}
.allsort .item {BORDER-TOP: #E8E8E8 1px solid; WIDTH: 176px; HEIGHT:27px}
.allsort .fore {BORDER-TOP-STYLE: none}
.allsort SPAN {DISPLAY: block; Z-INDEX: 1; WIDTH: 176px; POSITION: relative}
.allsort H3 { PADDING-LEFT: 20px; FONT-WEIGHT: normal; /*BACKGROUND: url(/images/bg.jpg) no-repeat -318px -240px;BORDER-LEFT: #fef8ef 1px solid;BORDER-RIGHT: #fef8ef 0px solid; BORDER-TOP: #fef8ef 1px solid; BORDER-BOTTOM: #fef8ef 1px solid;*/ WIDTH: 165px; HEIGHT:28px;}
.allsort H3 A:link { DISPLAY: block; COLOR: #666; LINE-HEIGHT: 27px; HEIGHT:27px}
.allsort H3 A:visited {DISPLAY: block; COLOR: #666; LINE-HEIGHT: 27px; HEIGHT: 27px}
.allsort H3 A:hover {COLOR: #ff0000}
.allsort H3 A:active {COLOR: #666}
.allsort S {DISPLAY: block; BACKGROUND: url(/images/homeBg_53.gif) no-repeat top right; LEFT: 156px; WIDTH: 13px; POSITION: absolute; TOP: 10px; HEIGHT: 13px}
.allsort .item .i-mc { DISPLAY: none; LEFT: 188px; OVERFLOW: hidden; WIDTH: 563px;/** BACKGROUND: #fff9ef;BORDER-LEFT: #c30 1px solid; BORDER-BOTTOM: #c30 1px solid;BORDER-RIGHT: #c30 1px solid; BORDER-TOP: #c30 1px solid;**/ border:1px solid #FF0000; background-color:#FFFFFF; POSITION: absolute; TOP: 0px}
.allsort .item DT { PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 3px}
.allsort .item DD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 3px; ZOOM: 1}
.allsort .subitem { PADDING-RIGHT: 4px; PADDING-LEFT: 8px; MIN-HEIGHT: 300px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 484px; PADDING-TOP: 0px}
.allsort .subitem .fore{ display:block; width:550px; clear:both; overflow:hidden; border-bottom:1px solid #eee;}
.bg{ display:block; width:550px; clear:both; overflow:hidden; border-bottom:1px solid #eee;background-color:#6CC;}
.allsort .subitem dt{ width:80px; text-align:center; float:left;}
.allsort .subitem dd{ float:left; display:block; color:#999999;}
.allsort .subitem dd span{ display: inline-table; color:#333333; width:90px; float:left;}
.allsort .subitem dd a{ color:#3399FF;}
/**.allsort .subitem DL { PADDING-RIGHT: 0px; BORDER-TOP: #ffefd7 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; OVERFLOW: hidden; PADDING-TOP: 6px; ZOOM: 1}
.allsort .subitem .fore { BORDER-TOP-STYLE: none}
.allsort .subitem DT { FLOAT: left; WIDTH: 80px; LINE-HEIGHT: 22px; TEXT-ALIGN: right}
.allsort .subitem DT A{COLOR: #c00;}
.allsort .subitem DD { FLOAT: left; }
.allsort .subitem DD A { BORDER-LEFT: #ccc 1px solid; padding:0 8px; margin-bottom:5PX; TEXT-DECORATION: underline;display:inline-block; line-height:20PX;}**/
.allsort .fr {BACKGROUND: #fff; MARGIN-BOTTOM: -2000px; PADDING-BOTTOM: 2010px; WIDTH: 176px}
.allsort .fr DL {PADDING-BOTTOM: 0px}
#o-search .allsort .fr A {COLOR: #666}
.allsort .brands {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; WIDTH: 160px; PADDING-TOP: 6px}
.allsort .brands EM {FLOAT: left; WIDTH: 80px}
.allsort .brands DD {LINE-HEIGHT: 20px; PADDING-TOP: 6px}
.allsort .promotion {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; WIDTH: 160px; PADDING-TOP: 6px}
.allsort .promotion DD {LINE-HEIGHT: 20px; PADDING-TOP: 6px}
.allsort .mc .extra {PADDING-RIGHT: 8px; BORDER-TOP: #fde6d2 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fdf1de; PADDING-BOTTOM: 7px; PADDING-TOP: 7px}
#o-search .allsort .mc .extra A {COLOR: #c00}
.allsorthover {BACKGROUND-POSITION: 0px -166px}
.allsorthover .mt .extra {BACKGROUND-POSITION: -274px -190px}
.allsorthover .mc {DISPLAY: block}
.allsort .hover SPAN {Z-INDEX: 13; WIDTH: 160px}
.allsort .hover H3 {BORDER-RIGHT: #c30 0px solid; BORDER-TOP: #c30 1px solid; FONT-WEIGHT: bold; BACKGROUND: url(/images/Bg.jpg) #fff no-repeat -318px -172px; OVERFLOW: hidden; BORDER-LEFT: #c30 1px solid; BORDER-BOTTOM: #c30 1px solid}
.allsort .hover S {DISPLAY: none}
.allsort .hover .i-mc {DISPLAY: block; Z-INDEX: 12}
* HTML .allsort .item DD {PADDING-BOTTOM: 6px}
.allsort .blue{ border-top:solid 1px #ddd;}
.allsort .blue a{color:#3399FF;font-weight:bold;text-decoration: underline; padding-left:20px;}
</style>
<body>
<script type="text/javascript" src="http://www.miiceic.org.cn/templets/js/jquery.min.js"></script>
<script type="text/javascript">
(function ($){$.fn.hoverForIE6 = function (option) { var s = $.extend({ current: "hover", delay: 10 }, option || {});$.each(this, function () { var timer1 = null, timer2 = null, flag = false;$(this).bind("mouseover", function () { if (flag) { clearTimeout(timer2); } else { var _this = $(this); timer1 = setTimeout(function () { _this.addClass(s.current); flag = true; }, s.delay); } }).bind("mouseout", function () { if (flag) { var _this = $(this); timer2 = setTimeout(function () { _this.removeClass(s.current); flag = false; }, s.delay); } else { clearTimeout(timer1); } }) }) } })(jQuery);
</script>
<div class="allsort">
<div class="mt"><a href="http://www.miiceic.org.cn/">安博中程栏目分类</a></div>
<div class="mc">
<div class="item fore">
<span>
<h3 id="dd"><a>北京</a> <a>上海</a> <a>深圳</a></h3>
</span>
<div class="i-mc">
<div class="subitem" id="ddnr">
<dl class="fore">
<dt>北京</dt>
<dd>
<p>
2012.03.29-03.30 “云计算架构鉴赏”培训 | 2012.03.29-03.31 “嵌入式系统软件架构”培训
</p>
</dd>
</dl>
<dl class="fore">
<dt>上海</dt>
<dd>
<p>
2012.03.29-03.31 “大型架构案例分析-训练营”培训班 | 2012.03.24-03.28 “数据库仓库和BI企业级技术高级应用”培训班
</p>
</dd>
</dl>
<dl class="fore">
<dt>深圳</dt>
<dd>
<p>
2012.03.21-03.24 “软件详细设计师”高级培训班 | 2012.03.25-03.27 “物联网应用及开发”进阶培训
</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3 id='kc'><a>高端</a> <a>课程</a> <a>高端</a> <a>课程</a></h3>
</span>
<div class="i-mc">
<div class="subitem" id="kcnr">
<dl class="fore">
<dt>软件工程培训</dt>
<dd>
<p>软件架构专题 | 大型架构案例分析 | 软件设计专题 </p>
</dd>
</dl>
<dl class="fore">
<dt>嵌入式培训</dt>
<dd>
<p>嵌入式架构设计 | 嵌入式系统开发 | 嵌入式软件开发 </p>
</dd>
</dl>
<dl class="fore">
<dt>数据库培训</dt>
<dd>
<p>SQL Server系列 | ORACLE系列 | DB2系列</p>
</dd>
</dl>
<dl class="fore">
<dt>专项突破 </dt>
<dd>
<p>
<span>数学</span>思维训练 |奥数 | 华数 | 数学集训
</p>
<p>
<span>语文</span>阅读 | 作文
</p>
<p>
<span>英语</span>三一口语 | 新概念英语 | 剑桥英语 | 朗文英语 | 阅读写作
</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3 id="zc"><a>中程</a> <a>安博</a> <a>内训</a> <a>软考</a> <a>UI</a></h3>
</span>
<div class="i-mc">
<div class="subitem" id="zcnr">
<dl class="fore">
<dt><a href="http://www.miiceic.org.cn/">中程在线</a></dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>安博中程</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>企业内训</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>软考培训</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>UI设计</dt>
<dd>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3 id="zj">
<a>台湾顾问</a> <a>中程专家</a>
</h3>
<s></s>
</span>
<div class="i-mc">
<div class="subitem" id="zjnr">
<dl class="fore">
<dt>台湾顾问</dt>
<dd>
<p>
<a href="http://www.miiceic.org.cn/tuandui/">高焕堂</a>| <a href="http://www.miiceic.org.cn/tuandui/">柯博文</a> | <a href="http://www.miiceic.org.cn/tuandui/">陈俊宏</a>
</p>
</dd>
</dl>
<dl class="fore">
<dt>中程专家</dt>
<dd>
<p>
<a href="http://www.miiceic.org.cn/tuandui/">杨秀峰</a> | <a href="http://www.miiceic.org.cn/tuandui/">温昱</a> | <a href="http://www.miiceic.org.cn/tuandui/">张云河</a>
</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="item">
<span>
<h3>最新公开课</h3>
</span>
<div class="i-mc">
<div class="subitem">
<dl class="fore">
<dt>北京</dt>
<dd>
<p>
2012.03.29-03.30 “云计算架构鉴赏”培训 | 2012.03.29-03.31 “嵌入式系统软件架构”培训
</p>
</dd>
</dl>
<dl class="fore">
<dt>上海</dt>
<dd>
<p>
2012.03.29-03.31 “大型架构案例分析-训练营”培训班 | 2012.03.24-03.28 “数据库仓库和BI企业级技术高级应用”培训班
</p>
</dd>
</dl>
<dl class="fore">
<dt>深圳</dt>
<dd>
<p>
2012.03.21-03.24 “软件详细设计师”高级培训班 | 2012.03.25-03.27 “物联网应用及开发”进阶培训
</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3>高端课程</h3>
</span>
<div class="i-mc">
<div class="subitem">
<dl class="fore">
<dt>软件工程培训</dt>
<dd>
<p>软件架构专题 | 大型架构案例分析 | 软件设计专题 </p>
</dd>
</dl>
<dl class="fore">
<dt>嵌入式培训</dt>
<dd>
<p>嵌入式架构设计 | 嵌入式系统开发 | 嵌入式软件开发 </p>
</dd>
</dl>
<dl class="fore">
<dt>数据库培训</dt>
<dd>
<p>SQL Server系列 | ORACLE系列 | DB2系列</p>
</dd>
</dl>
<dl class="fore">
<dt>专项突破 </dt>
<dd>
<p>
<span>数学</span>思维训练 |奥数 | 华数 | 数学集训
</p>
<p>
<span>语文</span>阅读 | 作文
</p>
<p>
<span>英语</span>三一口语 | 新概念英语 | 剑桥英语 | 朗文英语 | 阅读写作
</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3>企业培训</h3>
</span>
<div class="i-mc">
<div class="subitem">
<dl class="fore">
<dt><a href="http://www.miiceic.org.cn/">中程在线</a></dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>安博中程</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>企业内训</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>软考培训</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>android培训</dt>
<dd>
</dd>
</dl>
<dl class="fore">
<dt>UI设计</dt>
<dd>
</dd>
</dl>
</div>
</div>
</div>
<div class="item ">
<span>
<h3>
<b>专家团队</b>
</h3>
<s></s>
</span>
<div class="i-mc">
<div class="subitem">
<dl class="fore">
<dt>台湾顾问</dt>
<dd>
<p>
<a href="http://www.miiceic.org.cn/tuandui/">高焕堂</a>| <a href="http://www.miiceic.org.cn/tuandui/">柯博文</a> | <a href="http://www.miiceic.org.cn/tuandui/">陈俊宏</a>
</p>
</dd>
</dl>
<dl class="fore">
<dt>中程专家</dt>
<dd>
<p>
<a href="http://www.miiceic.org.cn/tuandui/">杨秀峰</a> | <a href="http://www.miiceic.org.cn/tuandui/">温昱</a> | <a href="http://www.miiceic.org.cn/tuandui/">张云河</a>
</p>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(".allsort .item").hoverForIE6({ delay: 150 });
</script>
<div style="float:left;width:600px;font-size:14px;line-height:36px;padding-top:50px;padding-left:20px;">
<a href="http://www.ruankaopeixun.com"><img src="http://www.miiceic.org.cn/templets/images/ruankao20120217.jpg" border=0></a>
</div>
</body>
</html>
<script language="JavaScript">
$("#kc>a").each(function(i){$(this).bind("mouseover",function(){$("#kcnr>dl").removeClass("bg");$("#kcnr>dl").eq(i).addClass("bg"); })})
$("#dd>a").each(function(i){$(this).bind("mouseover",function(){$("#ddnr>dl").removeClass("bg");$("#ddnr>dl").eq(i).addClass("bg"); })})
$("#zc>a").each(function(i){$(this).bind("mouseover",function(){$("#zcnr>dl").removeClass("bg");$("#zcnr>dl").eq(i).addClass("bg"); })})
$("#zj>a").each(function(i){$(this).bind("mouseover",function(){$("#zjnr>dl").removeClass("bg");$("#zjnr>dl").eq(i).addClass("bg"); })})
</script>
测试网址:http://www.miiceic.org.cn/eg/eg10/dao.html
发表评论
-
jquery不同间隔时间弹窗
2012-08-30 09:13 1305查看效果:http://www.neixun360.com/e ... -
div 先浮动,后固定
2012-08-24 09:17 1097查看效果: http://www.neixun360.com/ ... -
JQuery全屏浮动
2012-07-24 10:10 1043参考地址 http://www.leyik ... -
底部浮动js
2012-07-18 08:29 840查看效果:http://www.leyikao.com ... -
间隔弹窗广告js
2012-07-13 15:25 1091查看效果:http://www.leyik ... -
不断完善的瀑布流
2012-05-15 09:20 1163效果演示:http://www.miice ...
相关推荐
精仿360网址导航源码修正更新: 2016.03.31 增加了多个专栏,清除部分失效网址 精仿360网址导航源码2015六月版简介 依照2015年6月份的360网站精心仿制的一套导航网站源码.目前唯一一套"带后台" "带换肤"的精仿360...
【精仿360网址导航】是一个基于网络的资源,主要目标是模仿知名搜索引擎和网址导航网站360导航的功能和界面设计。这样的项目通常由开发者或者爱好者制作,旨在为用户提供一个简洁、实用的网页收藏和浏览平台。下面将...
目前仿"好360"的源码都不带后台.站长更新数据很不方便.本套源码带后台方便站长朋友使用. 依照好360网站精心仿制的一套导航...精仿360网址导航源码2016.03月版 更新记录: 2016.03.31 增加了多个专栏,清除部分失效网址
【描述】"仿360网址导航新版仿360网址导航新仿360网址导航新版版仿360网址导航新版"的描述看似重复,实际上可能强调了这个新版本在多个方面进行了更新和优化,以更接近原版360网址导航的体验。这可能包括但不限于...
【仿360网址导航源码-极速68网址导航】是一个基于360网址导航设计思路的网页模板,旨在提供高效、简洁的互联网入口服务。这个源码的亮点在于其九月份的新版升级,增加了新闻自动更新的功能,使得用户在访问导航站时...
【最新仿360网址导航】程序是一款专为喜欢创建导航网站的用户设计的应用,它模仿了360安全浏览器内置的网址导航功能,旨在提供一个简洁、实用且高效的网页跳转平台。这款程序的核心目标是复制360网址导航的用户体验...
114啦模板仿最新360网址导航,版面清晰简洁。 演示地址360.115le.com 安装方法 1.上传网站安装程序到空间,空间需支持PHP,MYSQL数据库20M 即可。 2.访问网网址执行安装,按照提示填入mysql数据库信息。 3.安装时...
360网址导航是中国著名的搜索引擎和网络安全公司奇虎360提供的一个网页服务,汇集了众多网站的链接,方便用户快速访问常用网站。360网址导航的设计通常注重用户体验,界面简洁,分类清晰,包含新闻、娱乐、教育、...
仿360网址导航网站源码
2014年一月版的"仿360网址导航源码 v4.4"是一款纯净、绿色的软件开发资源,适用于那些希望创建类似360导航的网页开发者。这款源码提供了完整的构建框架,让开发者能够快速搭建起一个功能齐全、用户体验良好的网址...
在本案例中,“ASP源码—仿360网址导航.zip”是一个包含ASP编程语言编写的源代码文件,用于构建一个类似于360网址导航的网站。360网址导航是知名的网页集合平台,它提供了大量的常用网站链接,方便用户快速访问。 ...
仿360:http://www.51zxw.org/360 仿520:http://www.51zxw.org/520dh 仿2345:http://www.51zxw.org/index.htm 369:http://www.51zxw.org/test 仿hao123:http://www.hao0738.com 1616网址导航源码下载加QQ群:...
【PHP实例开发源码—购物导航网址(仿360网址导航)】 PHP是一种广泛使用的开源脚本语言,尤其在Web开发领域,它以其简洁、高效和灵活性深受开发者喜爱。这个实例开发源码是一个购物导航网址项目,其设计灵感来源于...
这个"ASP实例开发源码-asp仿360网址导航.zip"的压缩包包含了一个基于ASP技术构建的,模仿360网址导航网站的源代码实例。360网址导航是一个非常流行的网页集合平台,用户可以通过它快速访问各种热门网站。 源码分析...
网址导航,所有网民都适用,以其实用性,安全性高,渐渐被大多数网民所熟知,包含大量实用网址,如搜索,音乐,娱乐,图片,小游戏,短信,社区,日记,相册,K歌,通讯簿,BLOG,天气预报,实用工具.最方便,最快捷,最多华人使用的...
【标题】: "基于PHP的购物导航网址" 是一个仿360网址导航的源码项目,它展示了如何使用PHP编程语言构建一个类似知名的360网址导航网站。这个项目的核心在于提供一个方便用户一站式访问各类购物网站的平台,通过整理...
【标题】"仿360网址导航 v6.27.0-ASP源码.zip" 涉及的核心知识点是ASP编程语言以及网站导航系统的构建。ASP(Active Server Pages)是微软开发的一种服务器端脚本环境,用于创建动态交互式网页。这个源码可能是一个...
【360导航源码详解】 360导航是一个广受欢迎的互联网入口网站,它集成了各种常用的网页、服务和工具,为用户提供便捷的一站式上网体验。"高仿360导航源码"则是针对360导航的界面设计和功能实现进行复制或模仿的代码...
依照2015年6月份的360网站精心仿制的一套导航网站源码,目前唯一一套"带后台" "带换肤"的精仿360的开源程序,自带360截至目前的所有换肤背景,直接调用奇虎背景图片地址,不占用网站带宽,并且实时与360官方同步。...