<!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" />
<title>917123网址导航,用了才知道什么是你想要的!</title>
<style type="text/css" media="screen">
<!--
body {
padding: 0;
font: 1em "Trebuchet MS", verdana, arial, sans-serif;
font-size: 100%;
background-color: #212121;
margin: 0;
}
h1 {
margin-bottom: 2px;
}
#container {
background-color: #999999;
width: 382px;
margin: 0px;
padding: 0px;
}
/* slider specific CSS */
.sliderGallery {
background: url(images/productbrowser_background_20070622.jpg) no-repeat;
overflow: hidden;
position: relative;
height: 90px;
width: 382px;
}
.sliderGallery UL {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
height:100px;
margin-top:0px;
/* background-color:#FFFFFF;
*/ }
.sliderGallery UL LI {
display: inline;
}
.slider {
width: 382px;
height: 17px;
margin:0px;
padding: 1px;
margin-top:65px;
position: absolute;
/* background-color:#FF0000;
*/ background: url(images/productbrowser_scrollbar_20070622.gif) no-repeat;
}
.handle {
position: absolute;
cursor: move;
height: 17px;
width: 110px;
top: 0;
background: url(images/d1.gif) no-repeat;
z-index: 100;
}
.slider span {
color: #bbb;
font-size: 80%;
cursor: pointer;
position: absolute;
z-index: 110;
/* top: 3px;
*/ margin-top:2px;
}
.slider .slider-lbl1 {
left: 30px;
}
.slider .slider-lbl2 {
left: 95px;
}
.slider .slider-lbl3 {
left: 160px;
}
.slider .slider-lbl4 {
left: 225px;
}
.slider .slider-lbl5 {
left: 290px;
}
.slider .slider-lbl6 {
left: 355px;
}
#content{
background-color:#999999;
margin-top:5px;
width:382px;
height:233px;
font-size:12px;
color:#CCCCCC;
}
#content ul{
margin:0px;
padding:0px;
}
#content ul li{
width:382px;list-style:none;font-size:12px;height:24px; line-height:24px;
}
#content ul li a{float:left;margin:0px;width:62px;padding:0px; color:#00f; text-decoration:none;}
#content ul li a:hover{ text-decoration:underline;}
/* #content ul li strong a{float:left;width:40px;margin:0px; margin-left:5px;}
#content ul li em a{float:right;width:40px; margin:0px;}
*/ #content #news{
background-color:#FCFFCA;
height:22px;
width:382px;
/* background-image:url(images/newsbg.jpg);
*/ }
#content #news a{
margin-left:30px;
}
#content #news .bar{
height:22px;
width:98px;
color:#CCF0FF;
line-height:22px;
font-weight:bold;
float:left;
background-image:url(images/news.gif);
}
-->
</style>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/ui.core.packed.js"></script>
<script type="text/javascript" src="js/ui.slider.packed.js"></script>
<script type="text/javascript" charset="utf-8">
//禁止刷新,回退
function onKeyDown() {
if ( (event.altKey) || ((event.keyCode == 8) && (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")) || ((event.ctrlKey) && ((event.keyCode == 78) || (event.keyCode == 82)) ) || (event.keyCode == 116) ) {
event.keyCode = 0;
event.returnValue = false;
}
}
document.onkeydown = onKeyDown;
function stop(){ //这个是禁用鼠标右键
return false;
}
document.oncontextmenu=stop;
document.ondragover=stop;
window.onload = function () {
var container = $('div.sliderGallery');
var ul = $('ul', container);
var itemsWidth = ul.innerWidth() - container.outerWidth();
$('.slider', container).slider({
min: 0,
max: itemsWidth,
handle: '.handle',
stop: function (event, ui) {
ul.animate({'left' : ui.value * -1}, 500);
},
slide: function (event, ui) {
ul.css('left', ui.value * -1);
}
});
};
function display(id){
$(id).siblings("ul").css("display","none");
$(id).fadeIn("slow");
}
</script>
</head>
<body scroll=no>
<div id="container">
<div class="sliderGallery">
<ul>
<li><a href="http://www.917123.com/" target="_blank"><img border="0" src="images/banner.gif" height=65 width=381 alt="上网就要去123网址导航"/></a></li>
</ul>
<div class="slider">
<div class="handle"></div>
<span class="slider-lbl1" onclick="display('#content1');">热门推荐</span>
<span class="slider-lbl2" onclick="display('#content2');">娱乐休闲</span>
<span class="slider-lbl3" onclick="display('#content3');">衣食住行</span>
<span class="slider-lbl4" onclick="display('#content4');">电脑网络</span>
<span class="slider-lbl5" onclick="display('#content5');">文化教育</span>
</div>
</div>
<div id="content" align="center">
<ul id="content1">
<li>
<a target="_blank" href="http://www.sohu.com/" >搜狐</a>
<a target="_blank" href="http://www.sina.com.cn/" >新浪</a>
<a target="_blank" href="http://www.qq.com/" >腾讯QQ</a>
<a target="_blank" href="http://www.163.com/" >网易</a>
<a target="_blank" href="http://www.tom.com." >TOM</a>
<a target="_blank" href="http://www.phoenixtv.com/" >凤凰网</a>
</li>
<li style="background:#E3F1FF">
<a target="_blank" href="http://www.sogou.com/" >搜狗</a>
<a target="_blank" href="http://www.baidu.com/" >百度</a>
<a target="_blank" href="http://www.google.cn/" >Google</a>
<a target="_blank" href="http://cn.yahoo.com/" >雅虎</a>
<a target="_blank" href="http://www.gougou.com/" >迅雷狗狗</a>
<a target="_blank" href="http://s.kuaiche.com/">网际快车</a>
</li>
<li>
<a href="http://www.youku.com/" target="_blank" style="color:">优酷网</a>
<a href="http://www.tudou.com/" target="_blank" style="color:">土豆网</a>
<a href="http://www.ppstream.com/" target="_blank" style="color:">PPS</a>
<a href="http://www.6rooms.com" target="_blank" style="color:">六间房</a>
<a href="http://www.ku6.com/" target="_blank" style="color:">酷6网</a>
<a href="http://www.56.com/" target="_blank" style="color:">56视频</a>
</li>
<li