下拉菜单不是用PHP做的,是同HTML,CSS,JS来完成的前端界面。
下拉菜单示例代码如下:
<style>*{margin:0padding:0}
body{font:16px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", sans-serif, Arial, Systembackground-color:#FFF}/*\9ED1\4F53黑体*/
li{list-style:none}
a{text-decoration:nonecolor:#000}
.nav{background:rgb(255,175,0)height:45pxline-height:45px}
.nav>li{float:leftwidth:90pxtext-align:center}
.subnav{display:nonebackground:rgb(45,45,45)}
.subnav li{text-align:leftcolor:#ffftext-indent:15px}
.subnav li a{color:#fff}
</style>
<ul class="nav">
<li><a href="" target="_blank">首页</a></li>
<li><a href="" target="_blank">活动</a></li>
<li>更多
<ul class="subnav">
<li><a href="" target="_blank">设计师</a></li>
<li><a href="" target="_blank">专题</a></li>
<li><a href="" target="_blank">主创网</a></li>
</ul>
</li>
</ul>
<script>
$(function() {
$(".nav>li").hover(function() {
$(this).find('.subnav').slideDown()
}, function() {
$(this).find('.subnav').slideUp()
})
})
</script>
假设5条在一个数组$items里面,$selectList = '<select name="selList">'
foreach ($item in $items) {
$selectList .= '<option value="$item->name">$item->name<option>'
}
$selectList .= '</select>'
echo $selectList
$item->name是数据库里面数据的字段名name所对应的值。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)