-
基于jQuery的图片相册滑出放大插件
今天给大家带来一款基于jQuery的图片相册滑出放大插件。点击相册图片，展示该图片。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.。效果图如下：实现的代码。html代码：<div class="menu"><a href="index…
2018-02-01 03:26 -
基于jQuery的美食时间轴焦点图插件
这是一款非常炫酷的jQuery焦点图插件，这款jQuery焦点图的特点是有一个时间轴，点击切换按钮时，时间轴会逐渐移动，时间轴上的图片也会逐渐切换。另外，在图片上方也可以放置自定义样式的文字。实现的代码。html代码：<div class="main_w"><div class…
2018-02-01 03:26 -
基于jQuery带图标的多级下拉菜单
之前为大家分享了很多导航菜单。今天我们要来分享一款很不错的jQuery左侧带小图标的多级下拉菜单，菜单是垂直的，每一个菜单项带有一个小图标，看起来非常专业。并且菜单支持无限极下拉，所以对各位Web开发者来说非常实用。菜单时基于jQuery的，所以基本可以支持所有的浏…
2018-02-01 03:26 -
基于css3的3D立方体旋转特效
今天给大家分享一款基于css3的3D立方体旋转特效。这款特效适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。效果图如下 ：实现的代码。html代码：<div class="wrap"><div class="box1 box"…
2018-02-01 03:26 -
基于jQuery的图片放大镜插件
今天我们要来分享一款基于jQuery的图片放大预览插件，只需要将鼠标滑过缩略图，即可将当前区域的图片放大预览，这个功能一般在商品图片展示的时候非常有用。效果图如下：实现的代码。html代码：<!-- 代码 开始 --><div id="content" style="marg…
2018-02-01 03:26 -
基于CSS3图片可倾斜摆放的动画相册
今天我们又要来分享一个CSS3动画相册。之前我们分享过一个很酷的放满女神的HTML5/CSS3相册，相册是全屏展示的。今天这款相册的特点是图片可以任意角度的倾斜摆放，就像随意放在桌面上一样。另外，当鼠标滑过图片时，被遮挡在下方的图片也可以凸显出来。效果图如下： 实现…
2018-02-01 03:26 -
一款基于jQuery底部带缩略图的焦点图
之前我们已经分享过不少实用的jQuery焦点图插件了，今天我们要介绍的这款jQuery焦点图插件是带有缩略图的，我们只需点击缩略图即可切换至相应的图片，图片切换的时候出现淡入淡出的动画效果。实现的代码。html代码：<div class="picbox"><div id=&…
2018-02-01 03:26 -
一款基于HTML5 Canvas的画板涂鸦动画
记得之前我们分享过一款HTML5 Canvas画板工具，可以切换不同的笔刷，功能十分强大。本文今天要再来分享一款基于HTML5 Canvas的画板涂鸦动画应用，功能和之前那个类似，但是新增了回撤和清空画板的操作，实现思路也基本类似。实现的代码。html代码：<div class="w…
2018-02-01 03:26 -
一款基于jQuery的带文字标题上下切换焦点图
今天给大家分享一款很实用的jQuery焦点图插件，它的最大特点就是使用非常方便，而且实现相对比较简单。焦点图的图片下方悬浮文字链接，鼠标滑过文字时即可切换至相应的图片，在图片切换的过程中出现淡入淡出的动画效果，简单而不乏韵味。效果图如下： 实现的代码。html代…
2018-02-01 03:26 -
一款基于jQuery和HTML5全屏焦点图
这次我们要来分享一款非常绚丽的jQuery焦点图插件，同时这款焦点图也利用了HTML5和CSS3的相关特性，使图片切换效果更加丰富多彩。另外，这款jQuery焦点图插件的特点是全屏的效果，因此看上去也非常的大气和整体。实现的代码。html代码：<div id="wrapper"&a…
2018-02-01 03:26 -
一款基于jQuery的图片左右滑动焦点图
今天给大家分享一款基于jQuery的焦点图插件，这款jQuery焦点图插件的特点是可以多张图片左右滑动切换，可以点击切换按钮进行图片滑动，同时也支持图片自动切换。另外，这款jQuery焦点图是宽屏的，看上去十分大气，很适合产品图片的展示。效果图如下：实现的代码。html代码…
2018-02-01 03:26 -
一款基于jQuery的全屏广告图片焦点图
之前为大家分享了很多jQuery焦点图插件。今天我们要介绍的这款jQuery全屏广告图片焦点图插件也非常不错，图片切换时有淡出淡出的动画效果，并且也相当流畅。效果图如下：实现的代码。html代码：<div class="banner-box"><div class="bd"&am…
2018-02-01 03:26 -
基于HTML5堆木头游戏
今天要来分享一款很经典的HTML5游戏——堆木头游戏，这款游戏的玩法是将木头堆积起来，多出的部分将被切除，直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的，因此需要你很好的控制木头下落的位置。实现的代码。html代码：<div style=&…
2018-02-01 03:26 -
一款基于jQuery的图片分组切换焦点图插件
这是一款基于jQuery的图片切换焦点图插件，这款jQuery焦点图插件的特点是图片可以分组切换，也就是说一次可以切换多张图片，相比其他焦点图插件，它能节省更多的空间，可以向用户展示更多的图片，非常实用。实现的代码。html代码：<div class="device">&…
2018-02-01 03:26 -
基于jQuery的图片异步加载和预加载实例
如今的网页中有很多图片，比如相册列表，那么如果一次性读取图片将会瞬间加重服务器的负担，所以我们用jQuery来实现图片的异步加载和预加载功能，这样在页面的可视范围内才会加载图片，当拖动页面至可视界面时，其他图片才会加载，改插件很好地实现了图片异步加载功能。h…
2018-02-01 03:26 -
一款基于jQuery的超酷动画幻灯片
今天给大家带来一款仿步步高vivo手机网站的一款首页焦点幻灯展示特效，带有超酷炫的动画特效，动态效果丝毫不逊色于flash动画，具有很强的视觉冲击力，推荐下载学习！提示：兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。效果…
2018-02-01 03:26 -
基于html5和jquery的篮球跳动游戏
今天给大家分享一款基于html5和jquery的篮球跳动游戏。这款实例和之前分享的 HTML5重力感应小球冲撞动画类似。用鼠标拖动篮球，篮球在页面上跳动，可在演示中看下效果。效果图如下：实现的代码。这个实例主要是js代码。js需要引用jquery和Phaser.js这两个库。页面上的js代…
2018-02-01 03:26 -
jQuery+html5实现的3D动态切换焦点轮播幻灯片
今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，…
2018-02-01 03:26 -
一款基于css3的列表toggle特效
今天给大家带来一款基于css3的列表toggle特效。右上角一个按钮，当列表不显示的时候，单击按钮列表动画出现，当列表显示时，单击按钮，列表动画消失，效果图如下：实现的代码。htm代码<div class=menu>toggle visibility</div><ul class=list reverse>…
2018-02-01 03:26 -
一款基于jQuery的图片场景标注提示弹窗特效
今天给大家分享一款基于jQuery的图片场景标注提示弹窗特效，这款实例适合在图片上标注某个物件，单击弹出详情说明，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。效果非常不错。效果如下：实现的过程。这款实例要引用jquery和…
2018-02-01 03:26
闽ICP备12017094号-3