51dev.com IT技术开发者社区

51dev.com 技术开发者社区

效果

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)

在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)

在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)

类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。   实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”...

css毛玻璃效果

css毛玻璃效果

毛玻璃其实就是磨砂玻璃,能够模糊的看清背后的风景,让人感觉有种朦胧美,让界面看上去有些层次感。比如:高大上啊,接下来肯定是眼馋手痒的过程。。。当然,用ps搞一个全景毛玻璃背景毫无疑问是最省事的,那接下来就没啥事可干了。当然nonono了。毛玻璃无疑就是种模糊了,少不了filterblur。最终效果(chrome):天气...

web前端学习笔记---实现雪花飘落的效果

web前端学习笔记---实现雪花飘落的效果

看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下。就把图片改成雪花图,完成一个雪花飘下的效果。并且,其中有些内容比较陈旧了,那么就学者改掉吧。包括:1.对left和top的操作仅支持IE浏览器,这咋行,必须得支持chrome。2.控制图片下落的过程还要去检索element,不好吧,那就...

阿里云DDoS高防的演进:防御效果成核心

阿里云DDoS高防的演进:防御效果成核心

分布式拒绝服务(DDoS)攻击这一网络公敌,是任何互联网业务的重大威胁。随着DDoS攻击工具化的发展,无论是简单野蛮的流量型攻击,还是复杂精巧的应用型攻击,黑客发起DDoS攻击变得越来越简单和自动化。面对频发的以T为单位的DDoS攻击,大多数互联网服务组织没有足够的带宽资源来有效抵御攻击,颇感无奈和绝望。阿里云高防诞生...

Servlet学习:实现分页效果的方法

Servlet学习:实现分页效果的方法

分页的算法:需要定义四个变量,它们有各自的用处intpageSize:每页显示多少条记录intpageNow:希望显示第几页intpageCount:一共有多少页introwCount:一共有多少条记录说明:pageSize是指定,pageNow是指用户的选择。rowCount是从表中查询得到的。pageCount是计...

锚点跳转的过渡效果

锚点跳转的过渡效果

 CSS实现:http://stackoverflow.com/questions/17631417/css-pure-css-scroll-animationjq实现:$(function(){$('a[href*=#],area[href*=#]').click(function(){console.lo...

前端:图文混排-怎么在不使用float的情况下实现想要的效果呢?

前端:图文混排-怎么在不使用float的情况下实现想要的效果呢?

异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html举个例子重点:display:flex(参考:http://www.360doc.com/content/14/0811/01/2633_400926000.shtml)效果结合昨天说的圆形头像...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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