51Dev开发社区
登录 注册

#按照效果付费

原生 javaScript 百叶窗 效果的实现及原理介绍
百叶窗大家都见过吧！如图:原理:如图所示，空心格子就好比是每个li，给它设定相对定位属性，设置overflow:hidden；黑块为li子元素，高度为li的2倍，设置absolute属性，我们正是要改变它的top值从而获得变化！(右上角多余块与本图无关)布局分析：注意top值得变化！默认top=0时候，显示的&ldqu...
代码星球 ·2020-04-11

php 数组排序以及按照某个字段排序
如果你已经使用了一段时间PHP的话，那么，你应该已经对它的数组比较熟悉了——这种数据结构允许你在单个变量中存储多个值，并且可以把它们作为一个集合进行操作。经常，开发人员发现在PHP中使用这种数据结构对值或者数组元素进行排序非常有用。PHP提供了一些适合多种数组的排序函数，这些函数允许你在数组内部...
代码星球 ·2020-04-11

小程序-轮播图/旋转木马效果
实现效果（基于原生组件的实现）实现代码：wxml 轮播图部分<swiperclass="swiper"circular="true"indicator-dots="true"indicator-color="#E6E6E6"previous-margin='70rpx'next-margin="70rp...
代码星球 ·2020-04-11

纯css3云彩动画效果
 效果描述：纯CSS3实现的云彩动画飘动效果非常逼真实用 使用方法：1、将body中的代码部分拷贝到你的页面中2、引入对应的CSS文件即可...
代码星球 ·2020-04-10

Bootstrap：弹出框和提示框效果以及代码展示
前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件，这章来看看boo...
代码星球 ·2020-04-10

axure 动态面板实现图片轮播效果（淘宝）
淘宝中经常可以看到店铺中的图片轮播效果，本经验将通过axure7.0实现 axure7.0  下载需要轮播的图片 将图片引入至axure中，将引入的第一张图片转为动态面板 将动态面板添加四个状态，分别为状态1，状态2，状态3，状态4，每个状态中添加上面的图片做背景&nb...
代码星球 ·2020-04-10

（转） Arcgis4js实现链家找房的效果
http://blog.csdn.net/gisshixisheng/article/details/71009901买房的各位亲们不知是否留意过链家的"地图找房"，这样的功能对于使用者来说，是非常方便的，大家可通过连接（https://bj.lianjia.com/ditu/）查看具体效果。鉴于此，本文结合该效果与功...
代码星球 ·2020-04-10

Js跑马灯效果 && 在Vue中使用
DEMO:<!DOCTYPEhtml><html><head>　　<title>滚动播报</title>　　<metacharset="UTF-8">　　<style>　　　　.content{　　　　　　height:60px;　　　...
代码星球 ·2020-04-10

解决css3毛玻璃效果(blur)有白边问题
做一个登录页，全屏背景图毛玻璃效果，实现方法如下：HTML：<body>　　<divclass="login-wrap">　　　　<divclass="login-mask"></div>　　　　<divclass="login-box"></div&g...
代码星球 ·2020-04-10

转载：SQL按照日、周、月、年统计数据的方法
转载源：http://www.jb51.net/article/42613.htm方式一：--按日 selectsum(consume),day([date])fromconsume_recordwhereyear([date])='2006'groupbyday([date])--按周quarter&nbs...
代码星球 ·2020-04-10

Html --用简单的<hr>实现多样化分割效果
 最基本的：<hrwidth=300size=1color=#5151A2align=centernoshade>。<!--其中width规定线条的长度，还可以是百分比；color表示颜色，size表示厚度；align规定线条位置，有left、right、center；noshade表示是否...
代码星球 ·2020-04-10

JavaScript仿百度图片浏览效果（转载）
转载来源：https://www.jb51.net/article/98030.htm这是一个非常好的案例，然而jquery的时代正在徐徐关闭。当你调整浏览器宽高，你会发现它不是自适应的。当你想把它放到elementUI项目中是，你发现不行！如果你项目采用了vue和elementUI,建议以找找vue实现版本，或者单纯...
代码星球 ·2020-04-10

js实现横向跑马灯效果
首先我们需要一个html代码的框架如下：<div><ulid="syNoticeUlNew"></ul></div>我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容应该是动态的。于是应该发送ajax来进行内容的获取拼接。$.ajax({type:"post...
代码星球 ·2020-04-09

js实现表格无缝滚动效果
<!doctypehtml><html><head><metacharset="utf-8"><title>table表格无缝向上滚动</title><scriptsrc="http://libs.baidu.com/jquery/1.11....
代码星球 ·2020-04-09

html5极速3D立体式图片相册切换效果
 下载Demo ...
代码星球 ·2020-04-09
首页上一页...2728293031...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他