标签:web前端 第21页

WEB前端

10款jQuery实现的多图轮播切换相册

10

爱前端网 - Yang 发布于 2015-02-10

1.jQuery实现的抽奖动画 这是一款基于jQuery实现的抽奖动画特效源码。点击抽奖按钮后,即可开始运行抽奖程序,抽奖形式有点像以前的老虎机,一个方框在各个奖品间转动,最后停止在你抽中的奖品上。效果非常炫目华丽,且基于jQuery实现保证了良好的兼容性,可实现兼容目前最新的主...

阅读(4617)赞 (0)

WEB前端

10款基于jQuery实现的Loading动画特效

10

爱前端网 - Yang 发布于 2015-02-09

1.CSS3实现的悬挂照片墙效果 这是一款基于CSS3实现的悬挂照片墙效果源码,是一款基于CSS3 transform 属性制作悬挂的照片墙效果代码。照片的倾斜及层叠效果逼真,是一款非常优秀的特效源码。 在线演示 源码下载 2.jquery鼠标悬停品牌图片旋转动画展示特效 jqu...

阅读(2845)赞 (0)

WEB前端

10款基于jQuery实现的多区块点击切换图文

10

爱前端网 - Yang 发布于 2015-02-08

1.基于jQuery实现的多区块点击切换图文特效 这是一款基于 jQuery实现的多区块点击切换图文特效源码,点击各个区块可在右侧切换对应的图文,切换效果平滑自然,该源码适合做点击缩略图切换大图相册特效。且代码兼容性好,可兼容目前最新的主流浏览器。 在线演示 源码下载 2.基于j...

阅读(1904)赞 (0)

WEB前端

10款html5实现的3D页面层叠切换特效

10

爱前端网 - Yang 发布于 2015-02-07

1.html5实现的3D页面层叠切换特效 这是一款基于html5实现的3D页面层叠切换特效源码,鼠标点击索引按钮,可进行页面层叠切换特效。切换时页面出现立体交错的动感效果,极富动感与立体感。 在线演示 源码下载 2.html5实现的时间轴设计工作记录样式效果 这是一款基于html...

阅读(4104)赞 (0)

WEB前端

10款jquery+css3实现的图像标注悬浮说明

10

爱前端网 - Yang 发布于 2015-02-06

1.jquery+css3实现的图像标注悬浮说明特效 这是一款基于jquery+css3实现的图像标注悬浮说明特效源码,可实现类似地图对某一地点增加标注,点击标注弹出详细信息。且页面载入时各标注点呈现气球弹出效果,点击标注点后弹出悬浮标注效果。过度自然流畅,是一款非常优秀的特效源...

阅读(2868)赞 (0)

WEB前端

提升Web前端性能的8个技巧总结

爱前端网 - Yang 发布于 2015-02-05

在互联网盛行的今天,越来越多的在线用户希望得到安全可靠并且快速的访问体验。针对Web网页过于膨胀以及第三脚本蚕食流量等问题,Radware向网站运营人员提出以下改进建议,帮助他们为用户提供最快最优质的访问体验。 1.管理“页面膨胀” 页面大小与性能有着密切...

阅读(1448)赞 (0)

WEB前端

10款jQuery实现的鼠标悬停遮罩阴影效果

10

爱前端网 - Yang 发布于 2015-02-05

1.纯CSS3和SVG实现的鼠标滑过灯泡发光特效 这是一款基于纯CSS3和SVG实现的灯泡发光特效源码,我们只需要将鼠标滑过灯泡,整个灯泡就会出现发光发亮的动画特效,效果相当逼真。CSS3的运用,让灯泡外围有一层淡淡的光晕。并且在灯光点亮和熄灭的时候有淡入淡出的效果,有很强的立体...

阅读(2846)赞 (0)

WEB前端

10款基于jQuery实现的仿淘宝分类导航效果

10

爱前端网 - Yang 发布于 2015-02-04

1.js实现的立体缩略图切换特效 这是一款js实现的立体缩略图切换特效源码,可实现鼠标点击缩略图切换背景大图的效果。缩略图切换时会出现上下浮动的效果,大图切换效果平滑自然。整体效果富有立体的动感,是一款非常优秀的特效源码。 在线演示 源码下载 2.jquery实现的360浏览器介...

阅读(2433)赞 (0)

WEB前端

10款基于jQuery实现的倒计时插件

10

爱前端网 - Yang 发布于 2015-02-03

1.基于jQuery实现的倒计时插件 这是一款基于jQuery实现的倒计时插件效果源码,可以实现自定义倒计,可自定义白色,图片等。时间显示部分有倒影效果,动态显示时间切换富有立体效果,是一款非常优秀的插件源码。该源码基于jQuery实现,具有很好的兼容性,可兼容目前最新的各类主流...

阅读(2242)赞 (0)

WEB前端

10款jquery+html5实现的网页播放器

10

爱前端网 - Yang 发布于 2015-02-02

1.3D版HTML5模拟衣服拖拽动画效果 这是一款3D版HTML5模拟衣服拖拽动画效果源码,是一款非常具有创意而且很好玩的HTML5动画。运行本例源码可见衣服布料呈3D环形显示,可以用鼠标左键来拖拽衣服,鼠标右键用来切割衣服,还可以根据鼠标用力程度决定衣服破碎程度的关系,是一款非...

阅读(3173)赞 (0)

WEB前端

10款jQuery实现的360浏览器九宫格图片拖拽排序

10

爱前端网 - Yang 发布于 2015-02-01

1.jQuery实现的带左右箭头宽屏幻灯片特效 这是一款基于jQuery实现的带左右箭头宽屏幻灯片特效源码,是一款基于jquery.divas插件实现的网站宽屏幻灯片切换代码。通过左右箭头切换图片的时候会出现多层浮动显示的层叠效果。且画面切换流畅自然,是一款非常优秀的特效源码。 ...

阅读(2606)赞 (0)

WEB前端

10款jquery实现的左右透明遮罩图片切换效果

10

爱前端网 - Yang 发布于 2015-01-31

1.分享10种风格迥异的全屏遮罩层效果 今天,我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样,网页设计不断有新的趋势和风格出现,我们想尝试的遮罩有一些微妙的,还有奇特的效果。这些遮罩的特别之处在于,他们没有像模态窗口那样固定大小而是占据整个屏幕,因此创建效果时,...

阅读(2599)赞 (0)

WEB前端

10款基于jQuery九宫格遮罩显示文字效果

10

爱前端网 - Yang 发布于 2015-01-30

1.基于jQuery实现的带备忘录功能的日期选择器特效 jQuery带备忘录功能的日期选择器是一款带备忘录功能的简单的jQuery日期选择器插件,你可以为该日期选择器的某些日期设定设定一些信息,方便日常查询,就像现实生活中的备忘录一样,建议用户使用支持css3与HTML5效果较好...

阅读(2227)赞 (0)

WEB前端

为您提供一款简单操作的多重背景CSS动画

爱前端网 - Yang 发布于 2015-01-29

CSS背景动画很长时间以来都是一个热门话题,很多时候都是因为效果特别绚丽,而且不需要额外的技术。最近有人问我是否可以给页面上一个指定的元素安排多重背景动画,答案是yes….虽然有些限制因素。让我们来看看如何实现这个效果! CSS代码 给一个页面元素设置多个背景图片,这种技术很早就...

阅读(1637)赞 (0)

WEB前端

grunt前端打包——css篇

2

爱前端网 - Yang 发布于 2015-01-29

前端打包的工具有很多,我用的习惯的就是这个grunt,无论是你要在github上做开源,还是让自己的项目变得更易于维护,grunt都是首选。 网上的安装教程非常多了,这里就只是介绍一下都有哪些好用的插件。 1:grunt-contrib-less less,可以让css变得更简单...

阅读(1538)赞 (0)

WEB前端

前端开发规范之html编码规范

爱前端网 - Yang 发布于 2015-01-29

随着html5的逐渐深入人心,html5和xhtml截然相反的态度,造成了前端开发者的困惑,如何保持html代码的兼容性、简洁性、未来适用性,称为今天我们这篇文章的主要目的。 原则 1.规范 。保证您的代码规范,趋html5,远xhtml,保证结构表现行为相互分离。 2.简洁。保...

阅读(1621)赞 (0)

WEB前端

10款jquery实现的仿魔客吧模板展示特效

10

爱前端网 - Yang 发布于 2015-01-28

1.HTML5实现图形挤压变形动画 今天我们要来分享一款很特别的HTML5动画特效,它是一款图形挤压动画。鼠标移动小球,该小球会和周围的几个小球产生挤压效果,从而使受挤压的小球产生相应的变形,利用HTML5是这个挤压变形的特效显得非常逼真,一起来玩玩吧。 在线演示 源码下载 2....

阅读(1674)赞 (0)

WEB前端

10款基于css3的3D图片翻页切换特效

10

爱前端网 - Yang 发布于 2015-01-27

1.右侧带缩略图导航的jQuery焦点图 今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件,这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表,并且可以定义任意数量的图片,你可以拖动列表来查看所有的图片,点击缩略图后,即可实现图片的上下切换动画。 在线演示 源...

阅读(2378)赞 (0)

WEB前端

10个实用的 CSS3 按钮效果制作教程

10

爱前端网 - Yang 发布于 2015-01-24

人们往往喜欢那些有更多互动元素的网站,因此现在很多设计师专注于他们的CSS3技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的CSS3按钮效果制作教程,你可以学习这些技术并使用它们为您的作品创造更多的乐趣。 1、CSS3 Button...

阅读(1776)赞 (0)