jQuery实现气球弹出框式的侧边导航菜单效果

2017年02月06日 11 阅读

本文实例讲述了jQuery实现气球弹出框式的侧边导航菜单效果。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的气球弹出框式的侧边导航菜单，预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-alt-dlg-left-nav-menu-style-codes/具体代码如下：<...

QQ登录背景闪动效果附效果演示源码下载

2017年02月06日 12 阅读

在前面时间更新的新版本QQ中，登录背景和以前不一样了，是一组闪动的背景，效果非常棒。效果演示 源码下载改效果需要引入三个js文件：<script src="js/Jq-19.js" type="text/javascript"></script> <script src="js/cavas.js" type="text/javascript"></script> <script src="js/flas...

jQuery实现Flash效果上下翻动的中英文导航菜单代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现Flash效果上下翻动的中英文导航菜单代码。分享给大家供大家参考。具体如下：这是一款jQuery实现Flash效果鼠标感应式的翻动导航菜单，支持中英文切换，所使用的jQuery类库版本为1.3.2。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-flash-style-sx-cha-chen-menu-codes/具体代码如下：<！DOCTYPE html PU...

JS+CSS实现类似QQ好友及黑名单效果的树型菜单

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现类似QQ好友及黑名单效果的树型菜单。分享给大家供大家参考。具体如下：今天介绍的这个菜单堪称极品啊，不过里面的有些图标丢失了，路径还留在那，真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了，这个菜单是模仿QQ面板的菜单功能，很多朋友还是很喜欢这种功能的，没想到用这么少的JS代码也可实现 ，值得代签哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-qq-hy-...

jquery实现经典的淡入淡出选项卡效果代码

2017年02月06日 12 阅读

本文实例讲述了jquery实现经典的淡入淡出选项卡效果代码。分享给大家供大家参考。具体如下：这是一款经典的Tab选项卡代码,带有淡入淡出效果,jquery插件实现,希望大家能够喜欢,界面未做美化.感兴趣的朋友可以优化一下运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-jd-fade-in-out-style-tab-codes/具体代码如下：<！DOCTYPE html PUBLIC "-/...

jfinal与bootstrap的登录跳转实战演习

2017年02月06日 11 阅读

前言：终于来了一篇有质量的文章，我个人感觉非常不错，《jfinal与bootstrap之间的登录跳转实战》。具体内容包含有点击登录弹出模态框、点击登录确认按钮后的validate、jfinal的validate、jfinal的session管理、ajax请求与返回信息处理、页面间智能跳转。弹出模态框以及jquery validate可以参照jquery weebox总结、弹出窗口不居中显示？、jquery validate初上手系列文章。从jfinal的v...

jquery实现的简单二级菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现的简单二级菜单效果代码。分享给大家供大家参考。具体如下：这是一款基于jquery实现的二级菜单，研究了这么多天，才学会用jquery写一个菜单，也算是对自己的鼓励吧，自我感觉这个菜单很不错，欢迎朋友们指点江山。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-simple-2l-menu-style-demo-codes/具体代码如下：<！DOCTYPE html...

jQuery实现的经典滑动门效果

2017年02月06日 11 阅读

本文实例讲述了jQuery实现的经典滑动门效果。分享给大家供大家参考。具体如下：这是一款jQuery 滑动门，从样式上来说，虽然有些古板，但已经具备了经典的滑动门功能，感兴趣的朋友可以继续美化一下界面。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-jd-hd-move-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....

JavaScript脚本判断蜘蛛来源的方法

2017年02月06日 11 阅读

今天介绍的这个JS判断蜘蛛来源的方法脚本是写在body的onload里面的。即页面加载时进行判断。代码如下：body {onload:expression（if（window.name！="Yang"）{var str1 = document.referrer;str1 = str1.toLowerCase（）;var str6 = "google.";var str7 = "baidu.";var str4 = "yahoo.";var str8 = "...

jQuery实现浮动层随浏览器滚动条滚动的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现浮动层随浏览器滚动条滚动的方法。分享给大家供大家参考。具体如下：这是jQuery实现的一个浮动层效果，随浏览器滚动条而滚动，并一直保持在顶部位置，请使用火狐测试，IE下表现不尽理想。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-float-follow-nav-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//...

JS+CSS实现带小三角指引的滑动门效果

2017年02月06日 11 阅读

本文实例讲述了JS+CSS实现带小三角指引的滑动门效果。分享给大家供大家参考。具体如下：这是一款JS+CSS带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-sj-move-menu-...

JS实现3D图片旋转展示效果代码

2017年02月06日 12 阅读

本文实例讲述了JS实现3D图片旋转展示效果代码。分享给大家供大家参考。具体如下：这是一段JavaScript代码，围绕成3D模型样式的JavaScript图片旋转展示代码，这里为了演示方便，将图片替换成了数字，预留出了图片的位置，这样速度快些，会HTML的朋友都知道用时候该怎么做。本图片旋转需要手功控制，每点击一下，图片旋转一次，很方便。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-3d-pic-scr...

JS实现同一个网页布局滑动门和TAB选项卡实例

2017年02月06日 11 阅读

本文实例讲述了JS实现同一个网页布局滑动门和TAB选项卡。分享给大家供大家参考。具体如下：这里演示同一个网页布局滑动门和TAB选项卡效果，其实滑动门和选项卡没有太大的区别，无非是鼠标动作的不同而已，但是有时候在同一个网页中布局两个以上的选项卡，总容易产生混乱，导致JS出错，如果你需要这样做，那么就请参考本实例，帮你解决这个问题。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-web-hd-tab-menu...

js实现无限级树形导航列表效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现无限级树形导航列表效果代码。分享给大家供大家参考。具体如下：这是一款js实现无限级树形下拉导航菜单，简洁实用，用到一个已封装好的JS类，有用的大家借鉴一下。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-unlimit-tree-style-nav-list-codes/具体代码如下：<meta http-equiv="Content-Type" content="text/h...

Javascript实现的简单右键菜单类

2017年02月06日 12 阅读

本文实例讲述了Javascript实现的简单右键菜单类。分享给大家供大家参考。具体如下：这是自己写的一个右键菜单类，屏蔽掉了IE固有的右键菜单，一共有四个参数：第一个是出发显示右键菜单的div的id第二个是右键菜单这个层的id，根据这个id去创建一个新的层，menuList是菜单项的列表，对应了点击一个菜单项后触发的函数，classList是菜单的class名称，以及菜单项对应的class名称，包含了鼠标滑过时的class。运行效果截图如下：在线演示地址如...

jQuery Validate验证框架经典大全

2017年02月06日 11 阅读

jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script><script type="text/javascript" src="<%=...

JS实现漂亮的淡蓝色滑动门效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现漂亮的淡蓝色滑动门效果。分享给大家供大家参考。具体如下：这款漂亮淡蓝色滑动门代码，感觉很不错哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-blue-hdm-menu-demo-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...

直接拿来用的15个jQuery代码片段

2017年02月06日 11 阅读

发表过的一篇《10个超级有用的PHP代码片段果断收藏》吗？本文笔者将继续为你奉上15个超级有用的jQuery代码片段。jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。下面就让我们一起来享受jQuery代码的魅力之处吧。1.预加载图片（function（$） {var cache = [];// Arguments are image path...

JS+CSS实现经典的左侧竖向滑动菜单效果

2017年02月06日 12 阅读

本文实例讲述了JS+CSS实现经典的左侧竖向滑动菜单效果。分享给大家供大家参考。具体如下：这是一款经过改造的左侧竖向滑动菜单，基于JavaScript+CSS，没有过多的修饰，主要想实现菜单的动画效果，想用的朋友，自己美化吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-jd-left-v-hd-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "...

jQuery实现的经典竖向伸缩菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的经典竖向伸缩菜单效果代码。分享给大家供大家参考。具体如下：这是一款使用jquery1.3.2制作的竖向伸缩菜单，每点击一次主菜单，会拉开出对应的二级菜单，再次点击会合拢，效果非常不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-jd-v-show-menu-demo-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//D...