前端资源网-html5实例-css3实例-jquery实例-爱编程

基于jQuery动画二级下拉导航菜单

春节回来给大家分享一款基于jQuery动画二级下拉导航菜单。鼠标经过的时候以动画的形式出现二级导航。效果图如下：实现的代码。html代码：<div id="nav_main"><div class="inner1"><div class="inner2"><div id=&…
2018-02-01 03:26
基于jquery垂直缩略图切换相册

今天给大家分享一款垂直缩略图切换jQuery相册，这是一款垂直缩略图左右滚动切换响应式jQuery图片相册代码。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<div style="max-width: 800…
2018-02-01 03:26
基于jQuery左侧小图滚动右侧大图显示代码

今天给大家分享一款 jQuery左侧小图滚动右侧大图显示代码是一款基于jQuery实现的左侧滚动图片点击大图查看效果代码。该实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<div class="caseIm…
2018-02-01 03:26
基于jquery仿360网站图片选项卡切换代码

今天给大家分享一款基于jquery仿360网站图片选项卡切换代码。这款实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<div class="slides"><div class="in widget-slide&…
2018-02-01 03:26
基于jQuery select下拉框美化插件

分享一款基于jQuery select下拉框美化插件。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<table><tr><td><h2>演示1</h2><select name="drop1" c…
2018-02-01 03:26

一款基于css3鼠标经过圆形旋转特效

今天给大家分享一款基于css3鼠标经过圆形旋转特效。当鼠标经过的时候图片边框颜色旋转，图片显示详情。该实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<div class="case-content"&…
2018-02-01 03:26
基于jQuery仿Flash横向切换焦点图

给各网友分享一款基于jQuery仿Flash横向切换焦点图。利用Flash可以制作很多漂亮的图片相册应用，今天我们要用jQuery来实现这样的效果。它是一款仿Flash的横向图片切换焦点图插件，可以自动切换图片，也可以点击导航按钮来切换至指定的图片。该jQuery焦点图使用非常简单，…
2018-02-01 03:26
基于jQuery带标题的图片3D切换焦点图

今天给大家分享一款基于jQuery带标题的图片3D切换焦点图。这款焦点图适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。实现的代码。html代码：<div id="wowslider-container"><div class="ws_images"><…
2018-02-01 03:26
基于js鼠标拖动图片排序

分享一款基于js的图片排序效果。鼠标拖动图片，重新排列图片的排列顺序。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：实现的代码。html代码：<ul id="ul1"><li><img src="images/1.j…
2018-02-01 03:26
基于js全屏动画焦点图幻灯片

今天给大家分享一款基于js全屏动画焦点图幻灯片。这款焦点图内的内容以动画形式出现和消失。效果图如下：实现的代码。html代码：<div class="slideshow" id="slideshow"><ol class="slides"><li class="current"…
2018-02-01 03:26
基于jquery的适合电子商务网站首页的图片滑块

今天给大家分享一款基于Sequence.js 的图片滑动效果，特别适合电子商务网站或者企业产品展示功能。带有图片缩率图，能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。实现的代码。html代码：<div class="sequence-theme"><div …
2018-02-01 03:26
基于HTML5/CSS3可折叠的3D立方体动画

今天要给大家带来另外一款CSS3 3D立方体动画，尤其在DEMO2中可以看到，鼠标滑过立方体后，它将会被打开，从里面弹出另外一个小立方体，动画效果非常酷，非常逼真。实现的代码。html代码：<div class="content bgcolor-1"><h2 class="center&…
2018-02-01 03:26
基于jQuery炫酷图片预览Lightbox插件

这是一款使用jQuery制作的画廊图片预览lightbox插件。该Lightbox插件小巧、简单、易用，效果也非常炫酷。它在图片放大和属性时有很酷的淡入淡出动画效果。简要教程jquery-lighter是一款炫酷jQuery图片预览Lightbox插件。安装插件要使用这个lightbox插件，首先需要引入必要…
2018-02-01 03:26
基于 jQuery支持移动触摸设备的Lightbox插件

Swipebox是一款支持桌面、移动触摸手机和平板电脑的jquery Lightbox插件。该lightbox插件支持手机的触摸手势，支持桌面电脑的键盘导航，并且支持视频的播放。简要教程Swipebox是一款支持桌面、移动触摸手机和平板电脑的jQuery Lightbox插件。Swipebox的特点有：支持手机的…
2018-02-01 03:26
一款基于jQuery和CSS3炫酷3D旋转画廊特效插件

这是一款效果炫酷的jQuery和CSS3 3D旋转画廊特效插件。该3D画廊插件可以通过前后导航按钮来切换图片，效果就像旋转木马一样。它还带有点击放大图片，显示图片标题和用键盘操作等功能。简要教程这是一款效果非常炫酷的jQuery和CSS3 3D旋转画廊特效插件。第一个DEMO是一个简…
2018-02-01 03:26
基于HTML5 Canvas生成粒子效果的人物头像

前面我们分享过一个HTML5 Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5 Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动…
2018-02-01 03:26
基于HTML5 SVG炫酷文字爆炸特效

这是一款使用html5 svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVG path属性将文字路径切割为很多小块，然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。
2018-02-01 03:26
一款基于jQuery轮播切换焦点图,可播放多张图片

今天给大家分享一款基于jQuery轮播切换焦点图,可播放多张图片，在这个组件中，你可以任意指定8张图片，然后插件就会帮你自动生成缩略图，并且自动开始切换播放图片。当然，你也可以手动切换图片，只要点击缩略图即可，这款jQuery轮播切换组件配置比较方便，唯一的不足就是…
2018-02-01 03:26
基于Bootstrap的jQuery开关按钮组合

Bootstrap是一款由Twitter推出的开源前端开发包，功能非常强大。今天我们要分享的这款jQuery开关按钮组合就是基于Bootstrap框架的，看了按钮的主题样式，也都是Bootstrap的样式风格，比较清新和简单。这款jQuery开关按钮可以满足你不同的应用需求，包括样式、大小等。实现…
2018-02-01 03:26
基于jQuery上下切换的焦点图—带缩略图悬浮

分享一款基于jQuery上下切换的焦点图，这款焦点图带有缩略图悬浮，它的切换效果比较简单，仅仅是作图片的上下切换，但是效果还是比较流畅的。这款jQuery焦点图插件的另外一个特点是在播放器上面可以悬浮缩略图，点击缩略图也可以播放图片。效果图如下：实现的代码。html代…
2018-02-01 03:26

加载中...