分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览   源码下载HTMLwrapperdiv的class为st-container，里面包含作为导航按钮的radio和用于页面切换的...

前面我们分享过一个HTML5Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动的动画特效，看上去非常酷。在线预览 ...

今天给大家分享一款基于jquerytool实现的windows桌面效果。这款实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="task-bar"&g...

之前为大家介绍了 HTML53D立体图片相册， HTML5图片相册重力感应特效， 基于CSS3图片可倾斜摆放的动画相册 今天我们要来分享一款很酷的jQuery相册插件，首先相册中的图片会以一定的角度倾斜放置在页面上，点击图片缩略图就可以展开图片，并且图片是由所有缩略图拼接而成，图...

给大家分享一款基于jQuery标题有打字效果的焦点图。之前为大家分享了好多jquery的焦点图。这款焦点图适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览   源码下载实现的代码。html代码：<!--代码开始--&g...

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的，当鼠标经过时图片变大且变为彩色。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="page-container"><divclass="flex...

今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="container"><headerclass="...

今天要给大家介绍一款纯css3实现的机器人看书动画效果。整个画面完全由css3实现的绘制，没有使用任何图片元素。机器人的眼睛使用了动画元素。我们一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass='szene'><divclass='ima...

之前我们有分享过很多jQuery手风琴样式的菜单，比如CSS3手风琴下拉菜单。今天要分享的jQuery手风琴效果很特别，它是手风琴样式的相册图片展开效果。我们只需点击图片缩略图即可展开当前的图片，并将其他的图片收缩起来。在线预览   源码下载实现的代码html代码：<articlei...

今天为大家介绍一款非常不错的jquery图片查看插件-Lightbox。这款图片查看插件体验很好，不仅有左右两个小箭头可以浏览上一张和下一张图片，还支持鼠标的左右键浏览上一张和下一张图片。有点类似google图片的查看器。一起看下效果图： 在线预览   源码下载 我们一...

随着html5和css3的诞生。各种非常酷、非常炫的网页焦点图在各个前端技术网上满天飞。基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持。这让需兼容ie6到ie8的页面又爱又恨。下面为大家介绍一款完全基于juery的焦点图，而且这款插件完美支持ie6，多种百叶窗切换，效果还是相当赏目的。无图无真相...

<template><divclass="select-time-wrapper"><h5class="titie">选择自提时间</h5><divclass="select-time-contentflex"><ulclass="days">&l...

分享一款基于html5鼠标悬停图片动画展示效果。里面包含两款不同效果的html5图片展示效果。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wrap"id="wrap"><divstyle="float:left;padding-top...

基于jQuery图像碎片切换效果插件FragmentFly。这是一款只需三步轻松完成碎片动画，参数可调，使用方便。在线预览   源码下载部分代码：<divclass="all_wrap"><divclass="wrap_head"><divid="fragme...

今天我们要来分享一款很酷的jQuery相册插件，首先相册中的图片会以一定的角度倾斜放置在页面上，点击图片缩略图就可以展开图片，并且图片是由所有缩略图拼接而成，图片展开和收拢的动画效果也非常不错。当然图片倾斜需要CSS3支持。在线预览   源码下载实现的代码。<divid="im_wr...