免费发布

js怎么实现在某个导航下调用文章标题

更新时间:2016-01-18 14:10:59 信息编号:233137
js怎么实现在某个导航下调用文章标题
供应商:
河南森际计算机科技有限公司 商铺
企业认证
所在地
郑州市文化路俭学街2号院
联系电话
0371-53365180
总经理
郭经理
手机号
15378715436
访问统计
434次
让卖家联系我

详细

 在做网站的时候你是否遇到过这样的问题呢?需要在某个导航下调用文章标题(不是导航的下来菜单哟)。小编这两台做网站的时候就遇到这样的情况了,但是很长时间都没有解决掉后来请教了一些大师级别的人物终于得到了解决的办法。

js怎么实现在某个导航下调用文章标题?在这里需要说明的是我们做网站的都知道导航都是直接从后台调用的只需要一段循环代码就可以了,这时我们调用导航的下拉子菜单之外的内容的时候就会遇到问题,普通的js鼠标经过效果已经不再适合做这个效果了,这时我们需要换一下思考就可以解决问题了。

小编就以大家最长使用的phpcms为例吧:

<div class="nav-box" id="nav-box" data-padding="50">
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder asc"}
<ul class="nav-box-ul">
<li>
<a class="one navdown" href="{siteurl($siteid)}"  style="padding: 0px 25px;"><span>首 页</span></a>
</li>
{loop $data $r}<!--  一级栏目循环开始  -->
<li >
<a class="one " href="{$r[url]}" style="padding: 0px 25px;"><span>{$r[catname]}</span></a>         
<div class="ppzq_box">
<dl>
{pc:content action="lists" catid="12" num="20" order="id desc"}
{loop $data $r}
<dd><a href="{$r[url]}"><img src="{$r[thumb]}" width="88" height="37"></a></dd>
{/loop}
{/pc}
</dl>       
</div>   
</li>
{/loop}<!--  一级栏目循环结束-->
</ul>
{/pc} 
<script type="text/javascript">
$(function(){
$(".nav-box .nav-box-ul li").eq(4).hover(function(){
$(".nav-box .ppzq_box").eq(3).show();
},
function(){
$(".nav-box .ppzq_box").hide();
});
})
</script>   
</div>

效果:
js怎么实现在某个导航下调用文章标题

这段代码的主要内容就是红色字体部分如果我们能考虑到这一点那这个效果我们就可以完美的实现了,这个效果可以实现的小编亲自测试的哟!

注意:ppzq_box只需要定位到nav-box-ul的li中的

是不是已经解决了你的问题了呢?如果在使用这段代码的时候遇到问题可以咨询小编。

关于河南森际计算机科技有限公司商铺首页 | 更多产品 | 更多新闻 | 联系方式 | 黄页介绍
主要经营:郑州网站建设,郑州网站制作,郑州网络推广,郑州网络营销,郑州微信开

 河南森际计算机科技有限公司成立于2013年8月8日,注册资金100万。是经过郑州工商行政管理局核准成立的专业郑州网络公司。一直致力于为企业实现更好的互联网展示效果,提供权威专业的互联网策划方案和推广服务。公司拥有实力雄厚的研发团队和素质一流的网络营销顾问,为帮助企业实现互联网信息覆盖最大化而不懈努力!

郑州网络营销公司森际网络服务范围从基础的网站建设、网站优化、微信公众平台开发到网络推广外包、微信运营外包等服务,实战经验丰富,成功案例众多。以客户利益为出发点,森际网络公司为客户规划、定制最符合企业需求、带有营 ...

内容声明:顺企网为第三方交易平台及互联网信息服务提供者,顺企网所展示的信息内容系由河南森际计算机科技有限公司经营者发布,其真实性、准确性和合法性均由店铺经营者负责。顺企网提醒您购买前注意谨慎核实,如您对信息有任何疑问的,请在购买前通过电话与商家沟通确认顺企网存在海量企业商铺和供求信息,如您发现店铺内有任何违法/侵权信息,请立即向顺企网举报并提供有效线索。
顺企网 | 公司 | 黄页 | 产品 | 采购 | 资讯 | 免费注册 轻松建站
免责声明:本站信息由企业注册和来自工商局网站, 本站完全免费,交易请核实资质,谨防诈骗,如有侵权请联系我们   法律声明  联系顺企网
ICP备案: 粤B2-20160116 / 粤ICP备12079258号 / 互联网药品信息服务资格证:(粤)-经营性-2016-0009 / 粤公网安备 44030702000007号
© 11467.com 顺企网版权所有 发布批发采购信息、查询企业黄页,上顺企网