第30页
  • 当前页面菜单高亮

    当前页面菜单高亮

    相关: 《zblogphp导航菜单高亮 - 分类和页面全部高亮教程》最简单当前菜单高亮实现的方法://页面高亮 $(document).ready(function(){  var s=document.location;  $("#nav a").each(function(){   if(this.href==s.toString...

    js/jQuery 8个月前 259 0 高亮
  • jQuery 鼠标触发下拉菜单

    jQuery 鼠标触发下拉菜单

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

    js/jQuery 8个月前 310 0 下拉菜单
  • jQuery 导航菜单、广告 —— 固定、置顶、跟随

    jQuery 导航菜单、广告 —— 固定、置顶、跟随

    导航跟随,是目前制作网站模板所必须的,//导航跟随 $(function(){ var nav=$("#nav-header"); var win=$(window); var sc=$(document); win.scroll(function(){   if(sc.scrollTop()>=110){  ...

    js/jQuery 8个月前 485 0 滚动跟随
  • jQuery 点击显示隐藏CSS - toggleClass() 方法

    jQuery 点击显示隐藏CSS - toggleClass() 方法

     对设置和移除所有 <p> 元素的 "main" 类进行切换:$("button").click(function(){   $("p").toggleClass("main"); });.main{font-size:120%;color:red;}<h1 id="h1"&g...

  • jQuery控制的不同方向的滑动(向左、向右滑动等)

    jQuery控制的不同方向的滑动(向左、向右滑动等)

    引入jquery.js,复制以下代码,即可运行。12345678910111213141516<style type="text/css"> .slide { position: relative; height: 200; lightyellow; }  .slide .inner { position: absolute; left: 0; bottom: 0; height: 100; l...

    js/jQuery 8个月前 288 0 滑动显示隐藏
  • jQuery:点击显示隐藏、横向淡入淡出

    jQuery:点击显示隐藏、横向淡入淡出

    1、点击显示隐藏、横向淡入淡出jQueryjQuery(function($) {  $("#slidewidth button").click(function(){      $(this).next().animate({width: 'toggle'},500);  ...

  • 纯CSS:多彩颜色、不同颜色 | jQuery+CSS随机显示颜色

    纯CSS:多彩颜色、不同颜色 | jQuery+CSS随机显示颜色

     1、列表文字不同颜色(刷新不随机) 【纯CSS】上图所示:每一个链接都有不同的背景颜色,常用语模板中的tag背景颜色、分类列表中的分类名称颜色等,总之很多列表中常用到不同多彩颜色、不同颜色、不同背景颜色。下面就按照上图所示的效果,分享下这种比较简单的CSS写法:上图的HTML代码:<div class="tagcloud">  <a href...

    CSS学习 8个月前 423 0 多彩颜色随机
  • 案例:图片 - 指定时间、 旋转、变形

    案例:图片 - 指定时间、 旋转、变形

     上图这个让图片在指定时间内 旋转、变形的常用语各种网站的头像或者图标上,特别是zblogPHP模板里很多开发者喜欢用,所以今天来分享下:先看完整代码,然后再逐一说明:.commentlist img{width:40px;height:40px;position:relative;float:left;margin:4px 16px 0 0;padding:2px;borde...

  • CSS 鼠标触发 图片动态放大效果

    CSS 鼠标触发 图片动态放大效果

    今天在写一个zblog主题的时候,用到了图片鼠标触发放大效果,在这里分享下代码:a img {-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;} a img:hover{-...

  • zblogPHP主题yditCMS响应主题更新

    zblogPHP主题yditCMS响应主题更新

    ydit这个zblogphp主题当初是仿来的,挺喜欢页面布局方式,但之后经过几次大改,都快看不出原来的样子了。本次更新来的有点晚,实在是时间有点紧张,对于之前一直留言提出的客户抱歉,本次更新修改的地方不少,新增的一些功能,优化了部分CSS,使网站整体更耐看了一些。本次更新:2017-4-10:1、新增:菜单右侧增加搜索图标,点击才显示搜索栏2、BUG:搜索放大镜点击无效3、优化:手机端顶部固定菜单栏目高度修改说起来也就这三条,但需要修改...

    zblog模板更新 8个月前 262 0