JS简单实现多级Select联动菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了JS简单实现多级Select联动菜单效果代码。分享给大家供大家参考。具体如下：JS联动菜单，简单代码实现JS多级Select联动菜单，也就是大家常用的一款菜单，Select联动状态的菜单，网页上经常见到的效果，希望大家能用得上。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-select-ld-menu-codes/具体代码如下：<！DOCTYPE HTML PUBLIC...

浅谈javascript函数式编程

2017年02月06日 11 阅读

函数式编程，属于编程范式的一种1 函数是第一公民，可以返回值，也可以作为其他函数的参数//console是一个函数function con（v）{ console.log（v）}// execute 也是一个函数function execute（fn）{ fn（1）}//将con函数作为参数传进execute函数execute（con） // 12 接近自然语言的写法 晓池吃完饭然后就去洗澡 可以表现为eat（）.bathe（）// 吃饭函数functio...

js实现左侧网页tab滑动门效果代码

2017年02月06日 13 阅读

本文实例讲述了js实现左侧网页tab滑动门效果代码。分享给大家供大家参考。具体如下：这是一款开口靠左的网页滑动门，网页滑动门,TAB滑动门,竖排滑动门菜单,竖排TAB选项卡，兼容IE6/IE7/FF/opera浏览器。其实竖排和横排的代码基本一样，只不过稍加修改就可以了。只要学会了一种滑动门，就能举一返三了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-left-tab-cha-style-codes/...

js实现简洁的TAB滑动门效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现简洁的TAB滑动门效果代码。分享给大家供大家参考。具体如下：这是一款滑动门代码，简洁TAB，简单的鼠标导航效果，大家或许经常见到的效果啦，鼠标放在主菜单上，下边框架内的内容会跟着变换，鼠标不需要点击，只需要滑上去就可切换内容，像一扇门，所以有时候别人叫“滑动门”菜单。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-tab-simple-cha-style-codes/具体代码如下：...

jquery实现初次打开有动画效果的网页TAB切换代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现初次打开有动画效果的网页TAB切换代码。分享给大家供大家参考。具体如下：这是一款初次打开有动画效果的网页TAB代码，只在第一次点击TAB菜单的时候，会显示动画，再次点击的时候就没有了，一个实用的网页选项卡效果，有需要的请下载吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-first-open-flash-style-tab-cha-codes/具体代码如下：<...

jquery实现可自动收缩的TAB网页选项卡代码

2017年02月06日 12 阅读

本文实例讲述了jquery实现可自动收缩的TAB网页选项卡代码。分享给大家供大家参考。具体如下：这是一款可自动收缩的TAB选项卡网页代码，当把鼠标放在标签上的时候，标签所属的内容自动展开，鼠标移走或移到其它标签的时候，选项卡自动收缩隐藏起来，第二个选项卡伸展开来，动画效果挺流畅，不错的网页特效。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-hidden-show-tab-cha-nav-menu...

jquery动态导航插件dynamicNav用法实例分析

2017年02月06日 12 阅读

本文实例讲述了jquery动态导航插件dynamicNav用法。分享给大家供大家参考。具体如下：这是一款自己写的jquery动态导航插件—dynamicNav，具体思路是：第一、给所有的li里插入一个span标签，且包含li里面的a标签 第二、复制一份a标签，插入到span里，现在span里有两个a标签 第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overf...

jQuery.extend 函数及用法详细

2017年02月06日 11 阅读

jquery.extend函数详解JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:extend（dest,src1,src2,src3...）;它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改d...

基于jquery实现的树形菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了基于jquery实现的树形菜单效果代码。分享给大家供大家参考。具体如下：这是一款基于jquery实现的树形菜单代码，点击菜单项可以向下滑出对应的二级菜单，效果流畅自然。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-tree-style-show-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...

配置Grunt的Task时通配符支持和动态生成文件名问题

2017年02月06日 12 阅读

copy: { // 这是Task里的其中一个Target dests: {expand: true,cwd: "<%=config.app%>/newFolder",src: ["**/{a*,b*}.html"],dest: "<%=config.dist%>/newFolder",ext: ".shtml",extDot: "first",flatten:true, //去掉中间上当，下面的rename可以再找回来rename...

js实现改进的仿蓝色论坛导航菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现改进的仿蓝色论坛导航菜单效果代码。分享给大家供大家参考。具体如下：这是一款改进的仿蓝色论坛导航菜单，滑动门级的导航菜单，网址跟踪链接的JS导航菜单，可以支持二级的菜单。为改善用户体验，加了延时。其原理是将链接地址和网址比较，如果一致，则加强该链接和上级链接的显示。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-blue-color-style-bbs-menu-codes/具体代...

javascript日期处理函数，性能优化批处理

2017年02月06日 11 阅读

其实网上写javascript日期格式化的博文很多，大体都看了看，都还不错。唯一遗憾的是只顾着实现了功能，没对函数进行性能优化。俗话说：不要重复造轮子。google上找了一个比较不错的日期格式化函数，来开始我的优化之旅吧！google上找的这个日期函数化函数，估计大家都很眼熟，以前我也一直在用。先看看优化后和优化前的效率对比吧！1、优化之前的toDate函数（字符串转换成Date对象），重复执行1万次，耗时660毫秒2、优化之前的dateFormat函数（...

jquery京东商城双11焦点图多图广告特效代码分享

2017年02月06日 11 阅读

本文实例讲述了jquery京东商城双11焦点图多图广告特效。分享给大家供大家参考。具体如下：jquery实现的京东商城双11焦点图多图广告滑动及自动切换动画效果源码，是一段模仿京东商城双11的焦点图代码，专业应用于网站的图片展示及重点展示的区域，该段代码实现了鼠标滑过切换图片及自动切换图片两种效果.运行效果图： -------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模...

基于Flowplayer打造一款免费的WEB视频播放器附源码

2017年02月06日 11 阅读

Flowplayer 是一个开源（GPL 3的）WEB视频播放器。您可以将该播放器嵌入您的网页中，如果您是开发人员，您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。查看演示 源码下载Flowplayer支持播放flv、swf等流媒体以及图片文件，能够非常流畅的播放视频文件，支持自定义配置和扩展。1、加载flowplayer.js在要播放视频的页面的head之间加入flowplayer.js。<scri...

jquery实现美观的导航菜单鼠标提示特效代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现美观的导航菜单鼠标提示特效代码。分享给大家供大家参考。具体如下：这是一个奇妙的导航菜单鼠标提示特效，俗称“链接提示”，鼠标放在导航菜单的链接上即可显示出该链接所指向网页的大致内容，提示用户到达需要的页面。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-nav-tips-nav-menu-style-codes/具体代码如下：<！DOCTYPE html PU...

jQuery实现美观的多级动画效果菜单代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现多级动画效果菜单代码。分享给大家供大家参考。具体如下：这是基于jQuery实现的一款多级动画菜单源代码，动画效果流畅，确实不错的动画菜单，欢迎大家试用。这种菜单 一般应用于大站，不过如果你的站点内容比较多，也是可以考虑的哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-nlevel-animate-menu-style-codes/具体代码如下：<！DOCTY...

JS实现鼠标滑过折叠与展开菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了JS实现鼠标滑过折叠与展开菜单效果代码。分享给大家供大家参考。具体如下：这是一款展开菜单特效，鼠标移上的时候自动展开，移走后自动折叠隐藏起来，运用了JS技术，并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样，不少人喜欢这种菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-hover-show-hidden-menu-style-codes/具体代码如下：<！DO...

利用HTML5的画布Canvas实现刮刮卡效果

2017年02月06日 11 阅读

先给大家展示效果：查看演示 源码下载你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果，在PC上只需按住鼠标，在手机上你只需按住指头，轻轻刮去图层就可以模拟真实的刮奖效果。我们利用HTML5的画布Canvas，结合其提供的API，在Canvas元素上绘制一个灰色蒙层，然后通过检测用户鼠标移到和手势来绘制一个透明的图形，这样就能看到Canvas背景下的真实图片，就达到刮刮卡效果。HTML我们只需要在页面中加入can...

jQuery横向擦除焦点图特效代码分享

2017年02月06日 11 阅读

本文实例讲述了jQuery横向擦除焦点图特效。分享给大家供大家参考。具体如下：迅雷jQuery横向擦除焦点图是一款基于jQuery实现的7屏横向擦除焦点图代码，有缩略图和标题，可以自定义标题。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。（1）在head区域引入CSS样式：<link rel="stylesheet" href="css...

js实现鼠标点击左上角滑动菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了js实现鼠标点击左上角滑动菜单效果代码。分享给大家供大家参考。具体如下：这里需要鼠标点击激活的网页左上角菜单，不点击不会滑出来，可以改造成二级菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-click-hd-show-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...