您的位置:

htmlphp做导航栏,html导航栏背景

本文目录一览:

正在学用html+css+mysql+php做网页,类似于下图中的导航栏的文字效果是如何实现的?

这个就是html里的,用css定义一个超链接点击前和点击后的样式。这个学css,很基本的。我建议还是看视频教程,虽然慢点,但是对于初学者来说容易接受

html导航栏怎么做

建议使用FF,Safari,举个例子:

!doctype html

html

head

titleHTML5+CSS3+JavaScript/title

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

meta http-equiv="Content-Type" content="text/html; charset=gbk" /

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

meta http-equiv="Content-Language" content="zh-cn" /

meta name="Generator" content="EditPlus"

meta name="Author" content=""

meta name="Keywords" content=""

style type="text/css"

body {

behavior: url(ie-css3.htc);

}

* {margin:0 auto;padding:0;}

body {font-size:13px;font-family:Arial;}

ul li {list-style:none;}

#menu {

width:982px;

height:35px;

margin-top:20px;display:block;

background: #e3e3e3;

background: -moz-linear-gradient(top, #ccc, #999);

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));

-moz-box-shadow: 1px 1px 3px #333;

-webkit-box-shadow: 1px 1px 3px #333;

box-shadow: 1px 1px 3px #333;

-webkit-border-top-left-radius:4px;;

-webkit-border-top-right-radius:4px;

-moz-border-radius-topleft:4px;

-moz-border-radius-topright:4px;

-webkit-border-bottom-left-radius:4px;

-webkit-border-bottom-right-radius:4px;

-moz-border-radius-bottomleft:4px;

-moz-border-radius-bottomright:4px;

-o-border-radius:4px;

-khtml-border-radius:4px;

text-shadow: 0 1px 0 white;

}

#menu ul {

margin-left:0;

}

#menu ul li {

display:inline;

}

#menu ul li a:link, a:visited {

text-align:center;float:left;width:6.8em;text-decoration:none;padding:7.5px 0.75em;font-size:16px;font-weight:bold;margin-top:0px;border-right:1px solid #ccc;color: #454545;

}

#menu ul li a:hover {

text-decoration:none;

background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#ccc));

background: -moz-linear-gradient(top, #333, #ccc);

-webkit-background-size:0 35px;

color: #ddd;

text-shadow: 0 1px 0 black;

}

.text {

border:1px solid gray;width:150px;height:17px;position:relative;top:8px;left:13px;font-family:Arial;

-webkit-border-top-left-radius:90px;;

-webkit-border-top-right-radius:90px;

-moz-border-radius-topleft:90px;

-moz-border-radius-topright:90px;

-webkit-border-bottom-left-radius:90px;

-webkit-border-bottom-right-radius:90px;

-moz-border-radius-bottomleft:90px;

-moz-border-radius-bottomright:90px;

-o-border-radius:90px;

-khtml-border-radius:90px;

}

/style

script language="JavaScript" type="text/javascript"

(function()

{

if(!0)

return;

var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog, eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=0,length=e.length;

while(ilength)

{

document.createElement_x(e[i++])

}

})();

/script

/head

body

menu id="menu"form action="index.php" method="get"

ul

lia href="#" title="HomePage"HomePage/a/li

lia href="#" title="Introuduce"Introuduce/a/li

lia href="#" title="Products"Products/a/li

lia href="#" title="My album"My album/a/li

lia href="#" title="Shopping"Shopping/a/li

lia href="#" title="Contact our"Contact our/a/li

/ul

input type="search" class="text" value="search..." //form

/menu

body

怎样用PHP来给网页做导航栏

本文只需要读者具备PHP、HTML的初步知识就可以基本读懂了。 译文:如大家所知PHP对于用数据库驱动的网站(making database-driven sites)来讲可谓功能强大,可是我们是否可以用它来做点其他事情呢?PHP给了我们所有我们期望的工具:for与while的循环结构、数学运算等等,还可以通过两种方式来引用文件:直接引用或向服务器提出申请。其实何止这些,让我们来看一个如何用它来做导航条的例子:完整的原代码: previous";if ($next_exists) { print " | ";} if ($next_exists) { print "next";} ?//原程序完。 代码分析:OK! 前面做了足够的铺垫工作,

还有什么问题你可以去后盾人那看看.那有很多教学视频.定能帮你解答.

各位大虾好: 我是新菜鸟,刚学,用HTML/PHP语言做网页,在dreamweaver8做的导航条,分未按、经过、按下三

你是想说 页面上,正常显示的效果,鼠标经过的效果,鼠标按下的效果吧?

a:link 正常效果

a:visited 点击过后的效果

a:hover 鼠标悬停在上面的效果

a:active 正在点击的效果

新建的一个html页面 如何引入到PHP导航菜单 并且登录后显示登录后的效果! 在线等!

你可以把公共头尾放到公共文件夹中, 用require_once 在需要的页面引用, 登陆可以查cookie(如果用户登陆信息做了memc缓存处理就查缓存)通过判断是否有登陆信息来判断需要调用哪一个(邓丽前后的导航页面)。

php做网页导航栏静止在上面不动,但是下面内容会跑到导航下面?

页面样式出问题了。

这个应该考虑css的问题,看看是不是因为某个元素长度过长,或者某个元素没有,导致页面发生变化,另外,在css中浮动经常会导致后面元素的错位,记得清楚浮动。