js/jQuery 第7页
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 5年前 2922 1
  • 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模板学习 4年前 3761 3
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 4年前 2010 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 4年前 2060 0
  • 即插即用:JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码

    即插即用:JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码

    今天修改一个zblog模板的时候,用到了默认隐藏部分区域文字,点击会显示全部,不需要使用jQuery支持,即插即用的一段代码!图1特效代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...

    js/jQuery 5年前 2410 0 显示全部
  • 案例:jQuery 返回顶部(返回顶部、微信、评论、反馈)

    案例:jQuery 返回顶部(返回顶部、微信、评论、反馈)

    相关:《即插即用 返回顶部 javascript》之前发布的即插即用返回顶部jQuery,今天再次分享一个案例,是一个集返回顶部、意见反馈、二维码弹出的代码。今天分享的案例也更符合zblog模板。<div class="bottom_tools">   <div class="qr_tool">二维码</div> &n...

    js/jQuery 5年前 1775 0 返回顶部
  • 当前页面菜单高亮

    当前页面菜单高亮

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

    js/jQuery 5年前 1475 0 高亮
  • jQuery 鼠标触发下拉菜单

    jQuery 鼠标触发下拉菜单

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

    js/jQuery 5年前 1579 0 下拉菜单
  • jQuery 导航菜单、广告 —— 固定、置顶、跟随

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

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

    js/jQuery 5年前 2388 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 5年前 2363 0 滑动显示隐藏
  • jQuery:点击显示隐藏、横向淡入淡出

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

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

  • jQuery:即插即用 返回顶部

    jQuery:即插即用 返回顶部

    相关: 《案例:jQuery 返回顶部(返回顶部、微信、评论、反馈) 》 撒几乎每一个网站都有返回顶部的需要,在制作zblogPHP模板的时候,我也常用各种返回顶部代码。 有时用的是集成的框架,比如Bootstrap,或者Amaze ~ 妹子 UI,甚至layui,都集成有返回顶部插件,甚至有不同的特效。但在写非常简单的zblog主题时,不需要乱七八糟的特效,不需要使用框架,就简简单单的手写个模板,这时候非常喜欢用各...

    js/jQuery 5年前 1397 0 返回顶部
  • 即插即用 点击 下拉菜单 javascript

    即插即用 点击 下拉菜单 javascript

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