html li点隐藏,js控制li的隐藏和显示实例代码

html页面

全部({$count})
钢琴谱({$count_pu})
钢琴曲({$count_qu})
钢琴专辑({$count_zhuanji})
钢琴全集({$count_quanji})
钢琴视频({$count_shipin})

{loop $info $r}

{$r[title]}

{date("Y-m-d",$r[adddate])}

{/loop}

js代码

function showli(pid){

var arrnav = ["1", "525", "531","541","60","14"];

if(pid=='1'){ // 如果是1就显示全部的li标签

$("ul.navigation li").show();

return false;

}

// 否则就显示对应的class="s1"+pid的li标签

$.each(arrnav, function(i, item){

if(item==pid){

$("ul.navigation li.sl"+pid).show();

}else{

$("ul.navigation li.sl"+item).hide();

}

});

}

【效果预览】

以上就是小编为大家带来的js控制li的隐藏和显示实例代码全部内容了，希望大家多多支持脚本之家~

html li点隐藏,js控制li的隐藏和显示实例代码相关推荐

js控制div属性隐藏方法
原文详解:js控制div属性隐藏方法如题:编写html时如何用js控制div的显示和隐藏. 假定页面展示内容如下: 1.点击触发事件: <div><button class=&qu ...
基于JS实现新闻列表无缝向上滚动实例代码
当新闻较多,并且空前有限的时候,使用滚动是一个不错的选择,本章节就通过代码实例介绍一下如何实现此效果. 代码实例如下: <!DOCTYPE html> <html> <h ...
js控制台输出佛祖保佑图形图案实例代码
简介 js控制台输出佛祖保佑图形图案实例代码演示代码普通款 console.log([ " _ooOoo_", " o8888888o", " ...
关于js控制元素的隐藏和显示
jsp <div class="row" style="display:none" id="amount"><EF:EFI ...
html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
js控制多个滚动条联动显示，以及解决滑动鼠标滚轮导致的问题
参考文章原生JS控制多个滚动条同步跟随滚动 <!DOCTYPE html> <html lang="en"><head><meta ch ...
jquery如何设置占位隐藏_jquery控制元素的隐藏和显示的几种方法。
组织略显凌乱,请耐心看! 使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#i ...
html js相册样式,JavaScript+CSS相册特效实例代码
下面小编就为大家带来一篇JavaScript+CSS相册特效实例代码.小编觉得挺不错的,现在就分享JavaScript+css的源码给大家,也给大家做个参考.对JavaScript和css制作相册感兴 ...
html 顶部导航栏隐藏,js和css3智能隐藏和显示的顶部导航菜单
这是一款使用js和css3制作的智能隐藏和显示的顶部导航菜单.该顶部导航菜单在页面向下滚动时可以帧动画隐藏,在向上滚动到一定距离时优惠显示出来. 使用方法 HTML结构使用元素作为该导航菜单的HTM ...

html li点隐藏,js控制li的隐藏和显示实例代码

{$r[title]}

html li点隐藏,js控制li的隐藏和显示实例代码相关推荐

最新文章

热门文章