给客户做一个zblog模板，手机端需要实现一个滑动导航栏的需求。分为上下两部分，一级分类显示在上面当导航栏，下面则显示该分类的子分类，左右滑动可切换。于是准备直接用swiper实现，直接new了两个Swiper对象，然后绑定切换，这个效果Swiper官网有案例的。然后出现了一个问题，当打开列表页的时候导航栏需要切换到当...

网页特效 2020-12-07 689 0 评论 #swiper#zblog模板#swiper导航栏

今天用css写了个图片连续横向滚动，完成效果如下：总共用了两张图，一张背景图，一张滚动图，html结构如下：<div class="img-box">    <img src="背景图地址">...

网页特效 2020-07-31 1408 0 评论 #css动画#图片滚动

如果你的网站是个图片站，首页显示了很多图片。那么你就会有图片多了导致加载比较慢的困扰。这个时候有几个方案解决。1、物理解决方案：加大网站的带宽+压缩图片大小；2、用图片懒加载js，图片没加载出来之前先加载个缓冲图片占位；3、也就是本文讨论的，用css来加一个占位图；首先想到的就是给图片外层加一个盒子包裹住，然后给这个盒...

网页特效 2020-04-10 1501 0 评论 #css占位图#懒加载#css背景图

之前一直用css写三角形，反正网上搜一个案例出来，能用就行。今天花了功夫弄懂了原理和使用方法，记录下来，希望能对跟我基础一样弱的人有所帮助。首先css写三角形是通过border实现的，大多数人用border就是定义边框的。所以要用border来写三角形就会掉到边框的思维模式里面去出不来...先来一个定义，元素的bord...

网页特效 2019-11-30 1098 0 评论 #css3#css三角形#css特效

要实现的方法是这样的：一个输入框输入关键词，可以调用多个搜索引擎搜索，实现代码是如下：<divclass="searchclearfix"><inputtype="text"name...

网页特效 2019-08-17 2891 1 评论 #搜索引擎#js代码

这是天兴工作室自己折腾的一个纯html+css写的下拉导航动画，代码如下。html部分：<div class="nav">    <ul class="clearfix"> &n...

网页特效 2019-01-24 3496 0 评论 #下拉导航#下拉导航动画

页面向上滚动弹出模块这个特效比较适合资源类网站，用户来到你的网站后一般动作就算向下翻页找，找着找着发现没找到，一般会回到顶部去找导航栏之类的，这个时候就会产生一个向上滚动的动作。这个时候就适合弹出一个搜索框提醒用户可以直接通过搜索找到想要的东西哦。这就算是一个用户体验优化的东西吧，本文来介绍来这个特效的搞法。照惯例还是...

网页特效 2018-06-09 3509 0 评论 #向上滚动#jq特效#网页特效

一个跟随滚动条滚动而固定的侧栏模块被认为是放广告位或者推广网站最理想的地方，本文就来详细说下这个效果应该怎么搞。首先声明：以下代码纯属个人瞎折腾，如有错漏欢迎指出。这个效果需要用到JQ，所以一定要引入JQ库。html代码：<div class="fixed-location">...

网页特效 2018-03-25 3434 0 评论 #跟随滚动模块#js代码#jq特效

之前一直用“SuperSlide”这个js框架写tab标签或者其他一些效果，但是后来慢慢发现，写zblog主题用不上这么大的js框架，特别是SuperSlide对手机端很不友好，所以现在没怎么用了。现在页面的一些简单的js效果都慢慢开始手写了，本文为大家介绍的就是一个“在一个页面可多处重复使用的简单tab标签jQuer...

网页特效 2018-01-11 3594 0 评论 #tab标签#jQuery代码#网页特效