ul首页列表的动态

<div class="header-nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="solution.html">解决方案</a>
<ul>
<li><a href="#">方案1</a></li>
<li><a href="#">方案2</a></li>
<li><a href="#">方案3</a></li>
</ul>
</li>
<li><a href="news.html">新闻资讯</a></li>
<li><a href="case.html">案例简介</a>
<ul>
<li><a href="#">案例1</a></li>
<li><a href="#">案例2</a></li>
<li><a href="#">案例3</a></li>
</ul>
</li>
<li><a href="aboutUs.html">关于我们</a>
<ul>
<li><a href="aboutus.html">公司简介</a></li>
<li><a href="aboutUs-honnor.html">荣誉资质</a></li>
<li><a href="aboutus-corporatecultuer.html">企业文化</a></li>
<li><a href="aboutus-chairman.html">董事长致辞</a></li>
<li><a href="#">公司风采</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">公司地址</a></li>
</ul>
</li>
<li><a href="joinUs.html">加入我们</a></li>
</ul>

</div>

<!-- end 导航 -->

<script type="text/javascript">
/*
* 使用鼠标悬停事件效果
* * mouseover和mouseout
* * hover(over,out) - 模拟一个鼠标悬停事件
* * over - 用于模拟mouseover事件(处理函数)
* * out - 用于模拟mouseout事件(处理函数)
*/
$(".header-nav>ul>li").hover(function(){
// 显示子菜单 - slideDown
$(this).children("ul").slideDown("fast");
},function(){
// 隐藏子菜单 - slideUp
$(this).children("ul").slideUp("fast");
});
</script>

* {
margin:0;
padding:0;
}
/* start 头部样式*/
a {
color: #0287CA;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.header-nav{
margin-left: 200px;
display: inline-block;

}
.header-nav ul {
list-style: none;

}
.header-nav ul li {
background:url(../images/nav-logo.PNG) no-repeat;
float: left;
line-height: 30px;
margin-left: 29px;
width: 100px;
}

.header-nav li a {
text-decoration: none;
color: #fff;
padding-left: 18px;
font-size: 14px;
}
.nav-img {
margin-top: 10px;
text-align: center;
}
.header-nav ul li a:hover {
background:none;
color:#E78888;
}
.header-nav ul li ul{

position: absolute;
width:140px;
overflow:hidden;
display:none;
}
.header-nav ul li ul li{
text-align: left;
}
/* end 头部样式*/

})

})

时间: 2024-11-06 09:33:34

ul首页列表的动态的相关文章

[Android学习系列15]下拉刷新列表实现动态加载

使用google官方的SwipeRefreshLayout 参考: http://blog.csdn.net/easyer2012/article/details/22857807 http://stormzhang.github.io/android/2014/03/29/android-swiperefreshlayout/ http://www.eoeandroid.com/thread-330439-1-1.html http://www.oschina.net/translate/sw

CSS ul(列表样式)

CSS Ul(列表样式) CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 一.列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 使用CSS,可以列出进一步的样式,并可用图像作列表项标记. 二.不同的列表项标记 list-style-type属性指定列表项标记的类型是: ul.a {list-style-type: circle;} /*无序,空心

织梦首页/列表页/内容页直接获取软件模型本地下载地址

当使用软件模型而且只有一个下载地址时,我们都喜欢用本地地址,在列表页时直接输出这个地址,方便访客下载. 打开 /include/extend.func.php 在文件最下面添加个方法 /** * 获取软件模型本地地址 * * @access public * @param string $aid 文章id * @return string */ if (!function_exists('GetDownLink')) { function GetDownLink($aid) { global $

织梦首页列表页获取文章对应的tag标签(带链接)

dedecms程序默认有个方法可以调用出tag来,只不过是不带连接的,我们想要加入tag链接的话可以借鉴官方的方法并加入链接,这样需要自己来自定义个方法. 标签效果 实现教程 打开 include/extend.func.php 在最下面加入 /** * 首页/列表获取文章Tag * * @access public * @param string $aid 文章id * @param string $num 数量 * @return string */ if (!function_exists

织梦图集图片在首页列表页调用并且自定义输出几张

不改动官方核心文件,在自定义方法文件里加入个方法来实现织梦图集图片在首页列表页调用并且自定义输出几张 效果展示 教程实现 打开 include\extend.func.php 在最下面加入这个方法 function Getimgurls($aid,$num=4) { global $dsql; $imgurls = $result = ''; $imgrow = $dsql->GetOne( "Select imgurls From `#@_addonimages` where aid='

dedecms 使用自由列表实现首页列表分页

1.点击“核心-频道模型-自由列表管理”,然后在右边点“增加列表” 2.列表样式 选择你需要的选项,系统已说得非常明白,我就不多说了.关键就在这里 循环的内容就是这里面的 3.打开模板目录下的list_free.htm文件 增加自由列表标签 在文章列表的位置加入以下为引用的内容:{dede:freelist/} 不需要循环体的内容了. 说明:以上代码就是调用我们在第2步所写的全部样式代码.在下面加入分页代码以下为引用的内容:{dede:pagelist listitem="info,index,

dedecms织梦图集在首页列表页调用并且自定义输出几张

效果 不改动官方核心文件,在自定义方法文件里加入个方法来实现 打开 \include\extend.func.php 在最下面加入这个方法 function Getimgurls($aid,$num=4)    {    global $dsql;    $imgurls = $result = '';    $imgrow = $dsql->GetOne( "Select imgurls From `#@__addonimages` where aid='$aid' ");  

C# 根据入学年份,得到学期列表(动态加载)

这其实不算一个很高的技术,是我在帮同学写毕业设计时的一点小创造. 大家都知道,每个人的学期选择项是根据入学年份以及当前日期确定的,不是一个所有人都一样的,这就需要动态加载学期列表. 原理概述: 大学默认为4年制,即最多有8个学期,数组长度应该为8 入学当年应该有当年学期的下半学期此项列为数组[0] 得到循环次数--当前年份-入学年份得到的数字×2得到这两年的学期数量(因为入学年默认有下个学期所以入学年学期在此项中没有位置所以-2:其次因为当前年存在,默认有当年的上半学期,所以加1,最终算法为(当

内容页与首页列表页调用点击数量

内容页: <script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}"type='text/javascript' language="javascript"></script> 首页与列表页: [field:click/]