51Dev开发社区
登录 注册

#特效

CSS3实现扇形动画菜单特效
 CSS3实现扇形动画菜单特效 效果图：   代码如下，复制即可使用：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>CSS3实现扇形动画菜单特效&l...
代码星球 ·2020-06-27

纯CSS + 媒体查询实现网页导航特效
 纯css+媒体查询实现网页导航特效 附上效果图：  代码如下，复制即可使用：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document...
代码星球 ·2020-06-27

小猫抓毛线球特效
小猫抓毛线球特效 效果图： 代码如下，复制即可使用：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Catvsballofwool</title><linkrel...
代码星球 ·2020-06-27

JS实现逼真的雪花飘落特效
 逼真的雪花飘落特效 效果图： 图片素材： -->ParticleSmoke.png代码如下，复制即可使用：<!doctypehtml><html><head><metacharset="UTF-8"><metaname...
代码星球 ·2020-06-27

JavaScript 特效三大系列总结
一.offset系列1.offset系列的5个属性1.offsetLeft:用于获取元素到最近的定位父盒子的左侧距离*计算方式:当前元素的左边框的左侧到定位父盒子的左边框右侧*如果父级盒子没有定位,那么会接着往上找有定位的盒子*如果上级元素都没有定位,那么最后距离是与body的left值2.offsetTop:用于获取...
代码星球 ·2020-06-14

js各种特效轮播图，选项卡，放大镜，窗口拖拽，楼层跳转
//透明度轮播图//img:轮播图片//dot:轮播点//lbtn:左箭头//rbtn:右箭头//banner:轮播盒子//active:轮播点选中效果类名//time:自动轮播时间functionBanner_opacity(img,dot,lbtn,rbtn,banner,active="active",time=...
代码星球 ·2020-05-29

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明
by 郑州seo on 2013年7月6日 in jquery, 网站建设 with 6Comments最近需要做一个手机小门户网站，因为目前主流的手机都是安卓和苹果的，他们的浏览器内核都是webkit，这就意味着手机网站是可以用html5...
代码星球 ·2020-05-23

9款很酷炫jQuery/HTML5特效应用 有源码哦~
      目前最流行的网页特效应用当属jQuery和HTML5的特效应用了，它们可以帮你快速实现网页中的各种特效设计。本文就为了收集了9款非常酷炫的jQuery/HTML5特效应用，可以很方便的在WEB上制作游戏、制作报表等，并且还附带源码哦，赶快收藏吧！&...
代码星球 ·2020-05-23

( 转 )超级惊艳 10款HTML5动画特效推荐
今天我们要来推荐10款超级惊艳的HTML5动画特效，有一些是基于CSS3和jQuery的，比较实用，特别是前几个HTML5动画，简直酷毙了，现在将它们分享给大家，也许你能用到这些HTML5动画和jQuery应用。之前我们分享过很多基于CSS3的Loading动画效果，相信大家都很喜欢。今天我们要来分享一款基于HTML5...
代码星球 ·2020-05-23

JS组件系列——图片切换特效：简易抽奖系统
阅读目录一、组件预览二、代码示例1、试试手气效果代码2、简单游戏机效果代码示例3、单个停止效果代码示例三、总结 正文前言：前两天在网上找组件，无意中发现了我们儿时游戏机效果的“SlotMachine组件”，浏览一遍下来，勾起了博主小时候满满的回忆。于是下定决定要研究下这么一个东西，不得...
代码星球 ·2020-05-16

JS实现悬浮移动窗口(悬浮广告)的特效
页面加载完成之后向页面插入窗口，之后向窗口插入关闭按钮，使用setInterval()函数触发moves（）函数开始动画 js方法： 复制代码代码如下:<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3....
代码星球 ·2020-04-14

前端特效整理
  版权声明：本文为博主原创文章，未经博主允许不得转载。https://blog.csdn.net/m0_37809478/article/details/76619207  名称用途链接阴影波纹特效1.元素hover效果2.突出表现效果http://www.jq22.com/c...
代码星球 ·2020-04-14

CSS3动画特效
  有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢？注意到CSS动画有延迟（delay）这一属性...
代码星球 ·2020-04-13

原生js实现吸顶导航和回到顶部特效
1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>吸顶导航特效</title>6<styletype="text/css">7body{8margin...
代码星球 ·2020-04-12

分页特效
page.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>js分页</title><styletype="text/css">body{text-al...
代码星球 ·2020-04-12
首页上一页...678910...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他