51Dev开发社区
登录 注册

#特效

js实现非常简单的焦点图切换特效实例
下面我将详细讲解如何实现JS实现非常简单的焦点图切换特效。在动手编写代码之前，我们需要先清楚自己要做什么。根据题目描述，我们需要实现一个简单的焦点图切换特效，其中最基本的要求就是能够自动轮播图片。除此之外，还可以设置左右切换按钮、底部焦点导航等功能，以便用户手动切换图片。在开始编写JS代码之前，我们需要先构建一个基本的...
开发笔记 ·2023-08-13

网页滚动悬浮固定JS特效
<style>.rg_fixed{position:fixed;width:100%;bottom:80px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop)+3);}</s...
开发笔记 ·2022-04-17

博客园美化 背景Sakura JS樱花特效
 下载地址/地址1地址2这是一个JavaScript文件，你可以直接使用外链引用，推荐使用第二个地址，理论上永久有效。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title&g...
代码星球 ·2021-02-23

react 利用react-hammerjs插件实现滑动特效和点击特效
react-hammerjs是一款由hammer.js的JS插件来实现在react中实现手势滑动的事件插件，它有各种各样的手势支持效果，这里我们就使用下它最简单的3种效果来实现我们要的动画分别是点击（onTap）、滑动（onPan）、滑动结束（onPanEnd）具体事件参数和其它事件可以参考官网动画效果上代码impor...
代码星球 ·2021-02-21

50个Android开发技巧(11 为文字加入特效)
问题：怎样构建一个模拟LED数字时钟的页面？效果例如以下图所看到的：(原文地址：http://blog.csdn.net/vector_yi/article/details/24460227)分析：我们能够利用两个TextView来显示，第一个TextView显示LED屏上默认不发光的88:88:88。还有一个显示实时...
代码星球 ·2021-02-13

圆周运动的css3特效案例
<!doctypehtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>圆周运动的css3特效</title><style>.box{width:300px;height:30...
代码星球 ·2021-02-08

常用JQ特效代码
/***hhBase平台js*User:huanhuan*QQ:651471385*Email:th.wanghuan@gmail.com*微博:huanhuan的天使*Date:13-9-1*Time:上午10:05*Dependencejquery-1.7.2.min.js*/varfn={};//鼠标划过显示隐藏...
代码星球 ·2021-02-06

superslider网站特效插件
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”如何使用　　1.引入jquery.js　　  引入superslider.js　　2.编写HTML　　　　以下是默认的HTMl结构，分别是".hd"里面包含ul，".bd"里面包含ul　　　　　　3.编写css　　　　　　4.调...
代码星球 ·2021-02-04

基于jQuery 3D旋转明星人物展示特效
分享一款基于jQuery3D旋转明星人物展示特效。这是一款来自百度换肤活动的明星旋转展示效果。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="s-skin-wrap"data-d=""><divclass="s-skin-in...
代码星球 ·2021-01-22

基于HTML5 Tab选项卡动画切换特效
基于HTML5Tab选项卡动画切换特效。这是一款基于HTML5+CSS3实现的带有动画切换效果的Tab选项卡插件cbpFWTabs。效果图如下：在线预览    源码下载实现的代码。html代码：<section><divclass="tabstabs-style...
代码星球 ·2021-01-22

基于jQuery发展历程时间轴特效代码
分享一款基于jQuery发展历程时间轴特效代码，带左右箭头，数字时间轴选项卡切换特效下载。效果图如下：在线预览    源码下载实现的代码。html代码：<divid="timeline"><ulid="issues"><liid="1900">...
代码星球 ·2021-01-22

15款css3鼠标悬停图片动画过渡特效
分享15款css3鼠标悬停图片动画过渡特效。这是一款15款不同效果的css3hover动画过渡效果代码。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="htmleaf-container"><divclass="contain...
代码星球 ·2021-01-22

基于jQuery图片遮罩滑动文字切换特效
基于jQuery图片遮罩滑动文字切换特效。这是一款jqueryhover鼠标滑动选项卡切换透明背景遮罩文字显示特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="bodyCon07"><divclass="teacher"&...
代码星球 ·2021-01-22

基于HTML5全屏图文左右滑动切换特效
基于HTML5全屏图文左右滑动切换特效。这是一款基于jQuery+HTML5实现的全屏图文切换特效代码。效果图如下：在线预览    源码下载实现的代码。html代码：<main><divclass="cd-image-block"><ulclass=...
代码星球 ·2021-01-22

发展简史jQuery时间轴特效
发展简史jQuery时间轴特效。这是一款鼠标滚动到一定的高度动画显示企业发展时间轴特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="wrapper"><divclass="history"><divclass=...
代码星球 ·2021-01-22
首页上一页12345...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他