#按照效果付费

网页设计实战1 如何实现纸叠登录效果

一句话总结:这里面很多位置用了:before和:after。纸叠的那部分也是用的这个。这里也用了很多线性渐变linear-gradient。 1、如何实现下面云彩不断的动?通过css的animation动画实现的,而且因为图片不够大,所以让html的高为100%,来拉伸图片,图片作为body的背景图,横轴反向...

实现 “换一批” 类的效果

需求:点击换一批,显示下一页的优惠券。 功能:动态配置几个元素为一组。 原理:点击换一批的时候,记录点击的次数和需要截取的每组数据基数。然后添加到页面中。代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="...
代码星球 ·2020-04-17

css实现切角效果

 1.一个切角思路:如果我们要得到有一个切角的元素,我们只需要使用一个径向渐变就可以达到这个目标,这个渐变需要把一个透明色标放在切角处,然后再相同的位置设置另一个色标,并且把它的颜色设置成我们想要的背景色。html<divclass="corner"></div>css.corner{...
代码星球 ·2020-04-15

汽车喷漆效果的实现

给汽车身体喷漆是一个复杂的过程,车身油漆是昂贵分层形式,往往包含染料层,搪瓷金属箔悬浮层.由于这些接二连三油漆表面层,展示出了一种复杂的光学交互,使车看起来平滑,光泽。完整的HLSL像素着色器代码如下:12345678910111213141516171819202122232425262728293031323334...
代码星球 ·2020-04-15

css样式实现字体删除线效果

1<!DOCTYPEhtml>2<html>3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>5<title>删除线实例在线演示www.divcss5.com&l...

Html基本的动画效果(平移,旋转)

在HTML中我们可以自己制作一些有趣的动态动画放入页面,也可以给用户体验增加一点趣味,所以合理的利用css动画效果。 动画               &nbs...

Slider 滑动条效果

这个滑动条(拖动条)效果,一开始是参考了BlueDestiny的slider和Apple产品展示的样式,做了程序的原型。在做了拖放效果之后,我想应该可以做一个更好的了,所以重做一遍,完善和扩展了一些功能。碍于时间没有做得很强大,都是一些基本功能,希望各位多提意见!效果预览预览效果1:这个是仿Apple滑动条产品展示效果...
代码星球 ·2020-04-14

HTML浮层效果的简单实现及其原理

  由于最近的项目用到弹出浮层来显示信息或者获得用户输入,这样的好处是仅仅只用一个页面就可以实现多个页面的功能,不用多写或者多跳转几个页面,所以就简单研究了一下浮层实现的一种原理,并记录下以后就可以自己写自己应用了。  先介绍一下其实现的原理吧:在CSS里有一个属性叫做z-index,表示每个元素之间的堆叠关系,其值越...

页面加载时loading效果

页面加载时loading效果:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><style>#loading{position:fixed;top:0;left:0;width:100%;heig...
代码星球 ·2020-04-12

推荐系统效果评估

优点:可以获得很多体现用户主观感受的指标,比在线实验风险低,出现错误后很容易弥补。缺点:招募测试用户代价较大;很难组织大规模的测试用户,因此测试结果的统计意义不足。  设计一个在线实验,然后根据用户的在线反馈结果来衡量推荐系统的表现。在线评估中,比较重要的两个选择点是——在线...
代码星球 ·2020-04-12

Windows 7下的Aero效果

可能自己只是一个暑期实习生的缘故,公司在电脑配备上,随便指派了一台HP的电脑给我。虽然看外表,这台电脑很不错的样子,很小巧,硬件配置也挺高的,但是系统配置上,尽然是WindowsXP。不是我对XP偏见,怎么说XP也是使用过最久的系统了,只是整个公司的电脑都是Windows7,却只有我的是XP。连前台的老太太都是双屏幕的...
代码星球 ·2020-04-12

JQ实现3D拖拽效果

1<!DOCTYPEHTML>2<htmlonselectstart='returnfalse'>3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>5<metaname=...
代码星球 ·2020-04-12

用原生JavaScript实现图片瀑布流的浏览效果

学习JS,活跃思维,灵活运用的一个较为典型的学习案例。同一个瀑布流的效果但实现方式却很多,利用递归、冒泡等等手法都可以达到你想要的目的。这次要说的就是利用类似递归来实现此效果的原创方案。此方案个人认为难度系数较低1<?php2//没有数据源,利用遍历对应文件夹中的所有的图片得到的数组模拟成数据源3$arr=arr...

原生 JavaScript 图片裁剪效果

图片裁剪程序效果如下,可鼠标操作。   拖动左边小方框时在右侧实时显示对应的裁剪图片,同时左侧的拖动框里图片完全显示,拖动框外部图片模糊显示。8个控制点可以对显示区域大小进行控制。HTML和CSS部分左侧的裁剪操作区域可以分为三层。最底层的图片半透明效果;中间层的图片只显示制定区域,其他部...

js带缩略图的图片切换效果

1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/...
首页上一页...2526272829...下一页尾页