• CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 1年前 696 0
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改  类属性即class属性,规定类名.  用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.  注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.  具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp   用jQuery进行类名修改既可以用attr(...

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...

    zblog模板学习 11个月前 656 1
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变(linear-gradient)transition过渡效果(变形、变色、旋转、停顿时间)鼠标移上去,图片会自动原地放大CSS写法三角形对话框(带边框)- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形,自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色:手机浏览器...

    CSS学习 8个月前 316 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 8个月前 336 0
  • 纯CSS制作多级下拉菜单(有子菜单时显示特定图标)

    纯CSS制作多级下拉菜单(有子菜单时显示特定图标)

    各种下拉菜单是我们的常用特效,目前的大多数网站都逃不开,所以今天来分享下使用纯CSS去制作下拉菜单,同时如果有子菜单时,主菜单会显示图标,比如常用的三角形,看下图:可以看出,第一、第二主菜单都没有子菜单,也不产生下拉菜单,而三和四菜单则有子菜单,并且主菜单显示标识图标:这是如何实现的呢?HTML<nav>   <ul>     <li&...

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

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

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

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

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

    相关多级导航文章:1、jQuery 鼠标触发下拉菜单2、即插即用 点击 下拉菜单 javascript3、纯CSS下拉展示(下拉菜单)有的时候需要设置多级导航,但是系统并不支持,在index.php中{module:navbar},表示显示所有子分类;所以就需改动一些地方使其支持多级分类;以系统自带模板WhitePage为例;第一步:首先在后台的导航栏设置三级嵌套<div id="divNavBar"...

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

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

    之前其实分享过几篇关于JS切换显示、隐藏状态的方法,罗列一下:1、jQuery点击显示隐藏(简单)2、jQuery:点击显示隐藏、横向淡入淡出3、jQuery 点击显示隐藏CSS - toggleClass() 方法4、即插即用 点击 下拉菜单 javascript5、案例:jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏(*)6、即插即用:JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码以上6种方法都可以实现...

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

    jQuery点击显示隐藏(简单)

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

  • jQuery 鼠标触发下拉菜单

    jQuery 鼠标触发下拉菜单

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

    js/jQuery 1年前 543 0 下拉菜单
  • 即插即用 点击 下拉菜单 javascript

    即插即用 点击 下拉菜单 javascript

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

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

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

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

1