-
基于jquery hover图片遮罩层滑动
分享一款基于jquery hover图片遮罩层滑动。这是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。效果图如下：实现的代码。html代码：<div class="web"><img src="images/course.jpg"/><div class="con"><ul&am…
2018-02-01 03:27 -
基于HTML5手机登录注册表单代码
分享一款基于HTML5手机登录注册表单代码。这是一款鼠标点击注册登录按钮弹出表单，适合移动端使用。效果图如下：实现的代码。html代码：<div class="demo"><nav class="main_nav"><ul><li><a class="cd-signin&…
2018-02-01 03:27 -
基于jquery鼠标点击图片翻开切换效果
基于jquery鼠标点击图片翻开切换效果是一款基于jQuery+CSS3实现的点击图片切换特效。效果图如下：实现的代码。html代码：<div class="container"><img src="images/1.jpeg" alt="1" /><img src="images/2.jpeg" …
2018-02-01 03:27 -
正益无线首页jQuery焦点图
分享一款正益无线首页jQuery焦点图，带索引按钮，自动轮播切换特效焦点图代码。实现的代码。html代码：<div id="slideBox" class="slideBox"><div class="hd"><ul><li></li><li></li><li&am…
2018-02-01 03:27 -
基于jQuery点击缩略图右侧滑出大图特效
基于jQuery点击缩略图右侧滑出大图特效是一款基于strip.pkgd插件实现的点击左侧缩略图右侧滑出大图切换代码。效果图如下：实现的代码。html代码：<div id=page><div id="content" class=clearfix><section class=clearfix><p><a hr…
2018-02-01 03:27 -
基于jQuery垂直多级导航菜单代码
基于jQuery垂直多级导航菜单代码是一款黑色风格的jQuery竖直导航菜单特效下载。效果图如下：实现的代码。html代码：<ul class="ce"><li> <a class="xz" href="#">目录A</a> </li><li> <a href=&a…
2018-02-01 03:27 -
带网上开户表单jQuery焦点图
带网上开户表单jQuery焦点图是一款适合证券公司的带表单的图片左右滚动切换特效代码。效果图如下：实现的代码。html代码：<div class="index-banner"><div class="head-login"><div class="login-right"><div class=…
2018-02-01 03:27 -
基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码。效果图如下：实现的代码。html代码：<div class="m_player" id="divplayer" role="application" onselectstart="return false" style=&am…
2018-02-01 03:27 -
基于jQuery图片自适应排列显示代码
基于jQuery图片自适应排列显示代码。这是一款基于jquery.flex-images插件实现的类似谷歌图片流效果。效果图如下：实现的代码。html代码：<div style="max-width:900px;margin:auto;padding:0 10px"><h3>演示样式一</h3></div><div …
2018-02-01 03:27 -
基于jQuery仿去哪儿城市选择代码
基于jQuery仿去哪儿城市选择代码。这是一款使用的jQuery城市选择特效代码下载。效果图如下：实现的代码。html代码：<div class="lineSearch"><ul><li class="thRelative" id="hhDrop00"><div class="boxSearch&…
2018-02-01 03:27 -
SVG+CSS3实现弹性跳动动画特效
基于SVG+CSS3实现弹性跳动动画特效。这是一款可以作为Loading加载使用的CSS3动画效果。效果图如下：实现的代码。html代码：<h1>SVG+CSS3实现弹性跳动动画特效</h1><article class="bouncing-r"><div class="r"><svg vers…
2018-02-01 03:27 -
基于jQuery Tooltips悬停提示效果
基于jQuery Tooltips悬停提示效果。这是一款基于jquery.tooltipster插件实现的jQuery Tooltips Hover effect特效。效果图如下：实现的代码。html代码：<section id="facebook" style=" width:700px; margin:auto;"><ul><a href=&…
2018-02-01 03:27 -
基于jQuery会员中心安全修改表单代码
基于jQuery会员中心安全修改表单代码。这是一款登录密码，交易密码，手机号码，实名认证，电子邮箱，安全设置表单，会员表单等设置代码。效果图如下：实现的代码。html代码：<div class="Safety"><dl><dt><strong>登录密码：</stro…
2018-02-01 03:27 -
基于9款CSS3鼠标悬停相册预览特效
基于9款CSS3鼠标悬停相册预览特效里面包含九款不同方式的相册展开特效代码。效果图如下：实现的代码。html代码：<div class="albums"><div class="albums-inner"><div class="albums-tab"><div class="albums-t…
2018-02-01 03:27 -
基于jquery横向手风琴效果
基于jquery横向手风琴效果是一款基于jquery实现的左右滑动手风琴图片轮播切换特效。效果图如下：效果图如下：<div class="flash"><div class="con"><ul><li class="current ti1"><h3>关于我们</h3>&a…
2018-02-01 03:27 -
基于jQuery图片元素网格布局插件
基于jQuery图片元素网格布局插件是一款可以将图片或HTML元素均匀分布排列为网格布局的jQuery插件jMosaic。效果图如下：实现的代码。html代码：<center><h3>演示1</h3></center><div class="pictures"><img src="img/pic…
2018-02-01 03:27 -
基于jQuery左侧大图右侧小图切换代码
基于jQuery左侧大图右侧小图切换代码是一款带右侧缩略图选项卡的jQuery图片切换特效。效果图如下：实现的代码。html代码：<div class="examples_body"><div class="examples_bg"><div class="examples_image"><img s…
2018-02-01 03:27 -
基于jQuery鼠标悬停上下滑动导航条
基于jQuery鼠标悬停上下滑动导航条。这是一款蓝色好看的鼠标响应式网站导航菜单特效。效果图如下：实现的代码。html代码：<div id="menu2" class="menu"><ul><li><a href="#">首 页</a></li><li&a…
2018-02-01 03:27 -
基于jQuery鼠标点击弹出登陆框效果
基于jQuery鼠标点击弹出登陆框效果。这是一款扁平样式风格的jQuery弹出层登陆框特效。效果图如下：实现的代码。html代码：<input type="button" class="one" value="点击我查看效果" /><div class="box"><div cl…
2018-02-01 03:27 -
纯CSS3悬停图标旋转导航动画代码
分享一款纯CSS3悬停图标旋转导航动画代码。这是一款鼠标移到图标上动画旋转显示导航菜单。效果图如下：实现的代码。html代码：<div id="x_contant"><a class="xzt1" href="#"><img src="images/xztz_1.png" /&am…
2018-02-01 03:27
闽ICP备12017094号-3