• zblogPHP模板纯CSS实现多级子分类下拉菜单

    zblogPHP模板纯CSS实现多级子分类下拉菜单

     今天开始写zblog模板ydcms了,菜单用一个纯CSS的多级子分类下来菜单,包括各种触发:hover触发变背景色功能!本文分享的HTML和CSS代码不限程序,使用的时候酌情修改其中的文字颜色 背景颜色即可!HTML代码:<div class="con...

  • z-blogPHP实现子分类下拉、多级导航

    z-blogPHP实现子分类下拉、多级导航

    相关多级导航文章:1、jQuery 鼠标触发下拉菜单2、即插即用 点击 下拉菜单 javascript3、纯CSS下拉展示(下拉菜单)有的时候需要设置多级导航,但是系统并不支持,在index.php中{module:navbar},表示显示所有子分类;所以就需改动一些地方使其支持多级分类;以系统自带...

  • jQuery(最优)点击切换显示隐藏状态,点击显示隐藏菜单,.click切换

    jQuery(最优)点击切换显示隐藏状态,点击显示隐藏菜单,.click切换

    之前其实分享过几篇关于JS切换显示、隐藏状态的方法,罗列一下:1、jQuery点击显示隐藏(简单)2、jQuery:点击显示隐藏、横向淡入淡出3、jQuery 点击显示隐藏CSS - toggleClass() 方法4、即插即用 点击 下拉菜单 javascript5、案例:jQuery文本段落展开...

  • jQuery点击显示隐藏(简单)

    jQuery点击显示隐藏(简单)

     其实最简单的点击显示,就是如图所示的这种,依赖jQuery!在制作各种模板的时候,必不可少的就是jQuery文件,并且以来jQuery的效果也不担心在移动端上的表现,比之CSS有更好的兼容性!下面分享下jQuery点击显示隐藏代码,常在下拉菜单中使用!<!DOCTYPE ...

  • jQuery 鼠标触发下拉菜单

    jQuery 鼠标触发下拉菜单

    之前写过一篇纯CSS实现鼠标触发下拉菜单的文章《纯CSS下拉展示(下拉菜单)》今天再次分享下下拉菜单,实现的方式为:JS+jQueryHTML:<ul id="nav">   <li>菜单1   &nb...

  • 即插即用 点击 下拉菜单 javascript

    即插即用 点击 下拉菜单 javascript

    在制作zblog模板或者其它模板的时候,经常会用到点击下拉菜单,比如手机端菜单,或者PC端搜索图标点击显示搜索框!如果使用css去写下拉也可以,但在手机端不是很适用,目前css点击展开后再次点击不能正常收回。所以推荐下方的JS代码,即插即用,比较简单,特效可以用css3写。 模板代码:&l...

  • 纯CSS下拉展示(下拉菜单)

    纯CSS下拉展示(下拉菜单)

    相关:《jQuery 鼠标触发下拉菜单》昨天写了一个新的CSS,如图所示,使用纯CSS实现,我个人不是很擅长JS,所以纯CSS也是不得已。HTML代码:<span class="cai">商品互踩群     &n...

1