Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery带下拉菜单和焦点图代码分享

jquery带下拉菜单和焦点图代码分享

2017年02月06日 14 阅读
jquery带下拉菜单和焦点图是一款顶部通栏带二级下拉菜单和banner导航菜单代码。感兴趣的朋友快来学习学习吧运行效果图： ----------------------查看效果 下载源码-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery带下拉菜单和焦点图如下<head><meta http-equiv="Content-Type" content="text/h...
jQuery实现的背景动态变化导航菜单效果

jQuery实现的背景动态变化导航菜单效果

2017年02月06日 12 阅读
本文实例讲述了jQuery实现的背景动态变化导航菜单效果。分享给大家供大家参考。具体如下：这里介绍一款使用jQuery插件制作完成的导航菜单，一大特点是，菜单的背景有动态效果，与使用的背景图片完全变换，动态效果是在鼠标悬停时出现，也就是把鼠标放在菜单上的时候，背景即开始滚动起来，看上去漂亮极了，而且兼容性也是相当不错的，推荐给网页设计者使用。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-bg-c...
jquery+CSS实现的水平布局多级网页菜单效果

jquery+CSS实现的水平布局多级网页菜单效果

2017年02月06日 12 阅读
本文实例讲述了jquery+CSS实现的水平布局多级网页菜单效果。分享给大家供大家参考。具体如下：这里演示的Jquery和CSS共同实现的网页常见的导航菜单，支持两级形式，蓝色风格，最多支持二级，三级可能要对代码进行改造了。本菜单属于中规中矩型，实用性比较强，适合的网站种类也是很多的，希望大家会喜欢。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-css-scroll-nav-menu-style...
jquery马赛克拼接翻转效果代码分享

jquery马赛克拼接翻转效果代码分享

2017年02月06日 13 阅读
jquery实现的非常漂亮的图片马赛克翻转效果，经测试图片切换过程非常酷，整个图片分成一个一个的小方格进行翻转变换，感兴趣的朋友快来学习学习吧运行效果图：----------------------查看效果 下载源码-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery马赛克拼接翻转效果代码如下<！DOCTYPE html><head><meta http...
js贪吃蛇网页版游戏特效代码分享（挑战十关）

js贪吃蛇网页版游戏特效代码分享（挑战十关）

2017年02月06日 12 阅读
js贪吃蛇网页版游戏特效，经测试图片切换过程非常酷，相信大家一定都玩过这个经典小游戏吧，但是它是怎么实现的呐，感兴趣的朋友快来学习学习吧运行效果图：----------------------查看效果-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的js贪吃蛇网页版游戏特效代码如下<body><title>js贪吃蛇网页版游戏特效</title></b...
jQuery实现的多级下拉菜单效果代码

jQuery实现的多级下拉菜单效果代码

2017年02月06日 12 阅读
本文实例讲述了jQuery实现的多级下拉菜单效果代码。分享给大家供大家参考。具体如下：这是一款jQuery多级下拉菜单，在支持html5的浏览器中测试你会发现本菜单很智能，会自动判断浏览器边界来改变下拉菜单的显示方向，在ie下没发现此效果。整体上来看，和Windows系统的“经典”主题时的菜单风格特别相似，配合图片，整体效果还是相当有专业水准的。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-nl...
jQuery支持添加事件的日历特效代码分享（3种样式）

jQuery支持添加事件的日历特效代码分享（3种样式）

2017年02月06日 12 阅读
支持添加事件jQuery日历是一款可以实时添加删除时间的jquery日历插件代码，感兴趣的朋友快来学习学习吧运行效果图：----------------------查看效果 下载源码-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery支持添加事件的日历特效代码如下<head><meta http-equiv="Content-Type" content="text/...
jquery实现可横向和竖向展开的动态下滑菜单效果

jquery实现可横向和竖向展开的动态下滑菜单效果

2017年02月06日 12 阅读
本文实例讲述了jquery实现可横向和竖向展开的动态下滑菜单效果。分享给大家供大家参考。具体如下：这里演示了两个下拉导航菜单的效果，用jquery.easing.1.3.js和jquery.naviDropDown.1.0.js以及jquery.hoverIntent.minified.js共同实现，最新的jquery版本也可以引入，在演示页面中，分别有横向水平向下滑出的下拉菜单，还有纵向垂直布局向右滑出的导航菜单，根据你的需要选择使用。运行效果截图如下：...
jQuery超酷平面式时钟效果代码分享

jQuery超酷平面式时钟效果代码分享

2017年02月06日 12 阅读
本文实例讲述了jQuery超酷平面式时钟效果代码。分享给大家供大家参考。具体如下：jQuery制作的超酷平面式时钟效果，把日期和时间通过横向刻度条展现，经测试效果非常酷，是一个很不错的学习实例。这里我们还要提到之前实现的另一个特别新颖的时间显示样式：js实现温度计时间样式，两者都完全突破了传统的时钟概念，感兴趣的各位可不要错过了哈。运行效果图：----------------------查看效果 下载源码-----------------------小提示...
jquery+CSS实现的多级竖向展开树形TRee菜单效果

jquery+CSS实现的多级竖向展开树形TRee菜单效果

2017年02月06日 13 阅读
本文实例讲述了jquery+CSS实现的多级竖向展开树形TRee菜单效果。分享给大家供大家参考。具体如下：这里演示垂直的树形菜单，应用CSS和jquery技术来实现，显示在网页左侧比较合适，考虑到简洁，没有使用图片之类的作修饰。本效果兼容IE、火狐等主流浏览器。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-css-nlevel-vshow-tree-codes/具体代码如下：<！DOCTY...
jquery+html5烂漫爱心表白动画代码分享

jquery+html5烂漫爱心表白动画代码分享

2017年02月06日 12 阅读
本文实例讲述了jquery+html5烂漫爱心表白动画代码。分享给大家供大家参考。具体如下：jquery+html5烂漫爱心表白动画是一款jquery html5 canvas电子版的烂漫爱心表白动画，效果相当不错，非常有创意，很适合进行表白。运行效果图：----------------------查看效果 下载源码-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery+html5烂漫...
js实现的简洁网页滑动tab菜单效果代码

js实现的简洁网页滑动tab菜单效果代码

2017年02月06日 13 阅读
本文实例讲述了js实现的简洁网页滑动tab菜单效果代码。分享给大家供大家参考。具体如下：这里介绍的是一款风格简洁的网页滑动门代码，基于JS和Div+CSS实现。滑动门菜单，只需鼠标放上去就切换的菜单，和网页选项卡只是操作形式上的不同而已，滑动门改选项卡只需将门菜单中的onmouseover换成onclick就行了，这样换了之后，切换内容需要鼠标点击门菜单才可以。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/j...
jquery实现鼠标滑过显示二级下拉菜单效果

jquery实现鼠标滑过显示二级下拉菜单效果

2017年02月06日 12 阅读
本文实例讲述了jquery实现鼠标滑过显示二级下拉菜单效果。分享给大家供大家参考。具体如下：这是一款jquery实现的下拉菜单，当鼠标移在主菜单上的时候，向下滑出二级子菜单，采用UL LI结构，便于修改完善，我觉得是很实用的菜单，希望大家平时能用得上。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-mouse-over-show-menu-codes/具体代码如下：<！DOCTYPE htm...
基于jquery实现在线选座订座之影院篇

基于jquery实现在线选座订座之影院篇

2017年02月06日 12 阅读
先给大家展示效果图（支持源码下载哦）：查看演示源码下载我们在线购票时（如电影票、车票等）可以自己选座。开发者会在页面上列出座次席位，用户可以一目了然的看到可以选择的座位及支付。本文以电影院购票为例，为您展示如何选座、处理选座数据等。在这里，我给大家介绍一款基于jQuery的在线选座插件：jQuery Seat Charts，它支持自定义座位类型和价格，支持自定义样式，支持设置不可选的座位，也支持键盘控制座位。HTML我们假设进入电影《星际穿越》的选座页面，...
jQuery实现的fixedMenu下拉菜单效果代码

jQuery实现的fixedMenu下拉菜单效果代码

2017年02月06日 12 阅读
本文实例讲述了jQuery实现的fixedMenu下拉菜单效果代码。分享给大家供大家参考。具体如下：这里演示了仿Google风格的下拉菜单，其核心实际上是jquery.fixedMenu菜单，使用了jquery.fixedMenu.js和fixedMenu_style.css文件，已在代码中加注释，你可以从本代码中分享现这两个文件，然后重新引用。本菜单在鼠标点击主菜单的时候可向下显示二级子菜单，在火狐或Chrome浏览器下，还可显示菜单阴影效果。运行效果截...
jquery实现像栅栏一样左右滑出式二级菜单效果代码

jquery实现像栅栏一样左右滑出式二级菜单效果代码

2017年02月06日 12 阅读
本文实例讲述了jquery实现像栅栏一样左右滑出式二级菜单效果代码。分享给大家供大家参考。具体如下：这里演示了jquery实现像栅栏一样的左右滑出式二级菜单，会向左或向右滑出，支持中英文，使用时别忘了引入jquery插件。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-left-right-show-nav-menu-codes/具体代码如下：<！DOCTYPE html><he...
jQuery实现TAB风格的全国省份城市滑动切换效果代码

jQuery实现TAB风格的全国省份城市滑动切换效果代码

2017年02月06日 13 阅读
本文实例讲述了jQuery实现TAB风格的全国省份城市滑动切换效果代码。分享给大家供大家参考。具体如下：这里演示jQuery实现的全国省市菜单，加入了选项卡风格，把全国城市按字母范围归类，鼠标移到某一分类的时候，滑动门展开显示所属的全国省分和城市。特别适合于分类信息网站使用。当然，在需要选择省市的时候，也是可以用的。仔细看了下，菜单里面的城市还比较全，你不用再手动添加城市了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js...
基于jQuery实现在线选座之高铁版

基于jQuery实现在线选座之高铁版

2017年02月06日 13 阅读
效果图展示：查看演示 源码下载除了电影院在线选座，我们还会接触到飞机机舱选座，当然也有汽车票火车票选座的。假如有一天买火车票也提供在线选座，那么今天我来给大家介绍下如何使用jQuery选座插件完成高铁列车座位布置、选座、不同等级座位计价等操作。HTML和上一篇文章一样：jQuery在线选座订座（影院篇），我们使用相同的html结构，左侧显示位置布局图，右侧显示选座相关信息。相关CSS代码请下载DEMO源码查看，本文不再详述。<div class="c...
<< 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图