效果主题的文章列表，还有效果的技术要点_第2页

小程序map地图点击makert放大效果和点击放大地图

WXML文件和JS文件代码在下方<viewclass='map'><mapid="map"longitude="{{location.lng}}"latitude="{{location.lat}}"scale="{{scaleCount}}"markers="{{markers}}"bindmark...

代码星球 ·2021-02-23

Web前端-按钮点击效果(水波纹)

这种效果可以由元素内嵌套canves实现，也可以由css3实现。Canves实现网上摘了一份canves实现的代码，略微去掉了些重复定义的样式并且给出js注释，代码如下第一种方法:html骨架代码<aclass="btncolor-1material-design"data-color="#2f539...

代码星球 ·2021-02-23

6种css3 transform图片悬停动态效果

html骨架代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,initial-...

代码星球 ·2021-02-23

css笔记：清除子元素对父元素的浮动效果的三种方法

对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。例如：<!DOCTYPEhtml><htmllang="en"><head><metacharset=...

代码星球 ·2021-02-22

js练习-实现图片的幻灯片效果

1.实现效果：2.实现主要思想：三张图做成一个大图，点击某个链接，对链接判断从而对图片进行相应px大小的左移或者右移操作3.代码：1<!DOCTYPEhtml>2<html>3<head>4<title>幻灯片效果-点击某个链接某张图移动</title>5&l...

代码星球 ·2021-02-21

react 使用antd的多选功能做一个单选与全选效果

一个小而简单的单选全选功能，其实官网已经给出效果了，不过是我多做了些复合用法 addorupdatemodal.jsximportReactfrom"react";import{Modal,Table,Button,Checkbox,Card,Popconfirm}from'antd';importLoadi...

代码星球 ·2021-02-21

waypoint+animate元素滚动监听触发插件实现页面动画效果

最近在做一个官网类型滚动加载动画，使用到waypoint监听事件插件和animate动画样式，两者结合完美实现向下滚动加载动画，但是没有做向上滚动撤消动画，留待以后有空研究首先来介绍下jquery.waypoint.js工具，这是一个实时监听页面滚动事件，它依赖于jquery，通过jquery添加anima...

代码星球 ·2021-02-21

下拉菜单联动效果

$(function(){$("#beltline").on("change",function(){log();});})functionlog(){varnum=$("#beltline").val();$.ajax({type:"POST",timeout:3000,url:"/admin/f_kiln_oper...

代码星球 ·2021-02-21

多功能前台交互效果插件superSlide

平时我们常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等效果要加载n个插件，又害怕代码冲突又怕不兼容现在我们只需求要一个多功能前台交互效果插件superSlide就可以搞定了现在介绍这个插件SuperSlide.2.1.1下载地址：http://www.superslide2.com/ &...

代码星球 ·2021-02-21

前端/html5效果收藏

H5应用9款漂亮的H5效果8款漂亮的H5效果36漂亮的button效果颜色RGB表省市二级联动 ...

代码星球 ·2021-02-20

ffmpeg画中画效果

1.画中画效果overlay滤镜　　　　　　overlay的使用语法：　　　　ffmpeg -i input1 -i input2 -filter_complex overlay=x:y output　　　　这里不使用-vf简单滤镜，而是使用-fil...

代码星球 ·2021-02-20

jquery简单几句代码实现星级评论效果

我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</ti...

代码星球 ·2021-02-20

jquery实现导航启用数字键盘监听效果

今天写一个案例：就是导航可以用数字键盘来监听，也就是点击数字键盘相应的导航触发并且出现相应的样式。来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</tit...

代码星球 ·2021-02-20

jq几句代码实现返回顶部效果

网站上随处可见页面到底部会有一个返回顶部的图标，当然实现返回顶部效果，必然会用到scrollTop方法。scrollTop通俗意思就是被卷去的高度。下面就写一个最简单的返回顶部小例子，几句代码实现效果：<!DOCTYPEhtml><htmllang="en"><head><me...

代码星球 ·2021-02-20

关于弹幕效果的实现

视频在网络上是必不可少的，那么随之而来的就是大家的评论啊或者是弹幕效果都是现在常见的，所以今天写一个弹幕效果，来看代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title&l...

代码星球 ·2021-02-20