球一个网址导航简单的源码,就像百度的一样
发布网友
发布时间：2022-04-27 04:44
共4个回答
懂视网
时间：2022-05-16 04:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>楼层导航-smallswallows</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js?1.1.11"></script>
<style type="text/css">
*{
margin:0;
padding:0;
}
.div div{
width: 300px;
height: 800px;
border: 1px solid red;
}
ul li{
list-style-type: none;
}
.floor{
position: fixed;
top: 20px;
right: 20px;
border: 1px solid red;
display: none;
}
.loading{
background: skyblue;
}
.red{
background: red;
}
li,.top{
cursor: pointer;
}
li:hover{
background: skyblue;
}
</style>
</head>
<body>
<div style="height: 50px;background: red">楼层展示</div>
<div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
<div>
<ul>
<li>第1张</li>
<li>第2张</li>
<li>第3张</li>
<li>第4张</li>
<li>第5张</li>
<li>第6张</li>
<li>第7张</li>
<li>第8张</li>
</ul>
<p>返回顶部</p>
</div>
</body>
<script>
window.onload = window.onscroll = function(){
var top = 50; //控制离顶部的距离
var length = $(".div div").length;
var liLength=$("li").length;
//添加加载动画 each
$(".div div").each(function(){
$(this).addClass("loading");
})
console.log($(".div div")[0].offsetTop)
if($(window).scrollTop() >$(".div div")[0].offsetTop-top ){
$(".floor").css("display","block")
}else{
$(".floor").css("display","none")
}
// 楼层添加颜色，通过:eq()方法来实现
var num = 0;
for(var i = 0;i<length;i++){
if($(window).scrollTop() >=$(".div div")[i].offsetTop- top){
num = i;
}
$(".floor li:eq("+i+")").css("background","")
}
$(".floor li:eq("+num+")").css("background","red")
// 楼层点击事件 点击楼层跳转
for(var i = 0;i<liLength;i++){
$(".floor li:eq("+i+")").click(function(){
for(var j=0;j<liLength;j++){
if($(this).html() == $(".floor li:eq("+j+")").html()){
$('body,html').stop().animate({
scrollTop: ($(".div div")[j].offsetTop)
}, 500);
return false;
}
}
})
}
}
$(".top").click(function() {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
</script>
</html>
热心网友
时间：2022-05-16 01:48
为了答谢一直以来支持和喜欢本站的站长朋友，同时也是为了传递互联网的分享精神，2009年6月27日，雨林木风旗下114啦网址导航发布了其自主研发的《114啦网址导航建站系统》源码。114啦网址导航开源将帮助更多站长轻松搭建网址导航网站,让更多的网民得到优秀的网址导航服务。此外，本站还将适时发布新版本更新数据库，并将适时发布专为网址导航定制的各类插件。
我们的力量是极有限的，本次开源一是希望把这份分享精神传达给有志于服务用户的站长朋友们，希望合我们之手，让更多人得到优秀的导航服务；二是希望能抛砖 引玉，希望从事程序开发的朋友们能提供给我们宝贵意见，让我们在积极进行开发中的新版本有新的元素，甚至希望能借此机会邀请有实力的程序员加入我们(应聘由此进)。
我们将继续以改善用户体验为根本，为广大网民提供便捷的上网帮助，让大家只要轻轻点击鼠标就能轻松的遨游网络，共享最快最方便的网上冲浪体验。
热心网友
时间：2022-05-16 03:06
热心网友
时间：2022-05-16 04:41
搜索代码在百度帮助中找！
