今天给各位分享网址导航源码的知识,其中也会对网址导航源码h5进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
这套源码是asp的,不销困春是php,当然没有install安装文件。你电脑安装尺核好iis后亏耐,新建虚拟目录,将源码放到新建的目录下,通过127.0.0.1/你的目录 访问。
网纤衫址导航源码毁皮腔有很多种呀有360网址导航,hao123网址导航握拍源码,114LA网址导航好像一般都是114LA
PHP网址导航源码推荐去这下载51zxw.org/51zxw
FLASH的效果。
用Javascript也可以实现。
我这里有个HTML的。没有用JS
!DOCTYPE html PUBLIC "-//W3C/尘扮扰/DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=GB2312" /
title无标题文档/title
style
body { background:#fff;}
*{ margin:0; padding:0; font-size:12px;}
dl { position:relative; margin:200px auto; border:1px #ccc solid; background:url("派旦") no-repeat 0px -1px;}
dl,dd { width:258px; height:174px;}
dd { overflow:hidden;}
dt { position:absolute; top:1px; left:1px;}
dt a { display:block; width:85px; height:31px; text-align:center; line-height:31px; color:#fff; text-decoration:none; font-weight:bold; float:left;}
dt a:hover {background:url("") no-repeat 1px 1px;}
ul{ width:260px; height:170px; padding:31px 0 0; background:url("") no-repeat 1px 1px;}
li{width:160px;height:24px; line-height:24px; font:12px/27px "宋体",sans-serif;white-space:nowrap;overflow:hidden; margin:0 0 0 4px; list-style:none; border-bottom:1px #ccc dotted; text-indent:20px; background:url("") no-repeat 2px center;}
li a{ font-size:14px; text-decoration:none; color:#f60;}
li a:hover { color:#09f;}
#b{ background-position:86px 1px;}
#c{ background-position:98% 1px;}
/style
/head
body
dl
dta href="#a" 游戏/aa href="#b" 体育/aa href="#c" 娱乐/a/dt
dd
ul id="a"
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
lia href="#" 游戏新闻/a/li
/ul
ul id="b"
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
lia href="#" 体育新闻/a/li
/ul
ul id="c"
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
lia href="#" 娱乐新闻/a/li
/ul
/dd
/dl
/body
/html
JS+CSS
style type="text/css"
#test1 { width: 300px; }
/* 头部总体 css */
.ntab2-head {
clear:both; height: 21px;
border-bottom: #c2130e 3px solid;
text-align: center;
}
/* 头部标头的 css */
.ntab2-head p {
float:left; font-size: 14px; font-weight: bold;
width: 80px; height: 21px;
}
/* 头部列表的 css */
.ntab2-head li {
float:left; background: #dcdcdc; border-left: #f2f2f2 1px solid;
width: 42px; cursor: pointer; font-size: 14px;
line-height: 21px; list-style-type: none;
}
.ntab2-head li.current {
background: #c2130e; color: #ffffff; cursor: none;
}
/* 主体内容的 css? */
.ntab2-body {
text-align: left;
}
.ntab2-body dl {
text-indent: 0px; margin: 0px; padding: 0px;
}
/style
script language="javascript"
function ntab2_register(id, def)
{
var obj = document.getElementById(id);
if (!obj || !obj.hasChildNodes())
{
alert('ERROR: the object was not defined for #' + id + '#');
return;
}
// get head body object
var head = null;
var body = null;
for (var i = 0; i obj.childNodes.length; i++)
{
var node = obj.childNodes[i];
if (node.tagName == 'DIV')
{
if (node.className == 'ntab2-head')
head = node;
else if (node.className == 'ntab2-body')
body = node;
}
}
if (!head) { alert('ERROR: head elements was not found for #' + id + '#'); return; }
if (!body) { alert('ERROR: body elements was not found for #' + id + '#'); return; }
// set action default
var items = head.getElementsByTagName('LI');
var datas = body.getElementsByTagName('DL');
if (items.length == 0) { alert('ERROR: empty set for head elements on #' + id + '#'); return; }
if (items.length != datas.length)
{
alert('ERROR: not equal between body.length and head.length for #' + id + '#');
return;
}
var total = items.length;
if (typeof def == 'undefined') def = 0;
else def = parseInt(def)%total;
if (def 0) def += total;
for (var i = 0; i total; i++)
{
datas[i].style.display = (i == def ? '' : 'none');
items[i].className = (i == def ? 'current' : '');
items[i].onmouseover = function() {
for (var k = 0; k total; k++)
{
datas[k].style.display = (this == items[k] ? '' : 'none');
items[k].className = (this == items[k] ? 'current' : '');
}
}
}
}
/script
div id="test1"
!-- 头部设定 --
div class="ntab2-head"
p新闻排行p/p
li国内/li
li国际/li
li社会/li
/div
!-- 内容设定 --
div class="ntab2-body"
dl
国内-内容
/dl
dl
国际-内容
/dl
dl
社会-内容
/dl
/div
/div
script language="javascript"ntab2_register('test1', 3);/script
自己百度得到就有,没得的话就得租皮找人开发了,你是要具体什亮型桥么样的,有php版本的,之前好敬猛久做的,前端简单,不喜欢可以另外代修改或者开发
从 {#RP#} 这种形式郑大旅来看,喊凳貌似是使用了类似了模板的技术。
既然是模板,也就是说,你需要修改提仿碰供的源数据就可以了。
href="{#RP#}huanzeng/class/
href="{#RP#}"
114la是php开发的,所以你的网站空间要支持php,上传相关安装文件。茄大按步骤执行就是了。。很简单的。。7663网址导航就是使用的114la源码。界面借隐如用369的颤携竖风格修改。推荐使用!希望我的回答您满意!
关于网址导航源码和网址导航源码h5的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
本文暂无评论 - 欢迎您