jquery实现清新实用的网页菜单效果

2017年02月06日 12 阅读

本文实例讲述了jquery实现清新实用的网页菜单效果。分享给大家供大家参考。具体如下：这是一款应用了jQuery插件来实现的网页菜单，看上去十分清新实用，来自美国Flickr网站，不知道Flickr网站的朋友自己去查。这款菜单在用户点击了主菜单项的时候，会滑出二级的子菜单，菜单前边带有小图标，增加了人性化体验。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-plug-web-menu-codes/...

jQuery实现淡入淡出二级下拉导航菜单的方法

2017年02月06日 11 阅读

本文实例讲述了jQuery实现淡入淡出二级下拉导航菜单的方法。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的导航菜单，淡入淡出二级的菜单导航，很经常见到的效果，这里使用的是jquery-1.6.2版本的JS，鼠标移动到包括二级子菜单的主菜单上，会立即渐显出二级的子菜单，鼠标在二级子菜单上划过，子菜单项的背景会改变。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-in-out-nav...

js精美的幻灯片画集特效代码分享

2017年02月06日 11 阅读

本文实例讲述了js制作精美的幻灯片画集特效。分享给大家供大家参考。具体如下：这是一款基于javascript制作的精美幻灯片画集特效的插件，跟其他幻灯片有别的图片画廊。为什么说有所区别呢，因为这款插件的图片切换时包含4个方向的，即上下左右切换也是可以的，大家可以在实例中进行使用。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。本实例的关键代码：...

js实现基于正则表达式的轻量提示插件

2017年02月06日 11 阅读

本文实例讲述了基于正则表达式的轻量提示插件，分享给大家供大家参考。具体如下：这是一款javascript实现基于正则表达式的轻量提示插件，本插件是基于正则表达式进行文本框检测的，通用性十分强,大家可以在实例中进行使用。运行效果图： -------------------查看效果-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。关键代码：$（document）.ready（function （） {$（"#mess...

jquery专业的导航菜单特效代码分享

2017年02月06日 11 阅读

本文实例讲述了jquery专业的下拉菜单特效。分享给大家供大家参考。具体如下：这是一款基于jquery实现的专业下拉菜单特效，蓝色风格的下拉菜单非常经典，网站是否有一个具有吸引力的导航会影响到用户停留时间的长久，就像小编编辑的文章内容影响亲们的访问时间长久一样。大家要学会如何建立一个属于自己网站风格的导航菜单。运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试...

简单谈谈javascript中的变量、作用域和内存问题

2017年02月06日 11 阅读

【变量】[1]定义：可变的量，相当于给一个不定的数据起了一个外号。变量是存储信息的容器。[2]特性：js中的变量是松散类型的，可以保存任何类型的数据。它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。[3]变量声明：变量可以在声明时赋值，但不能有其他操作，如+=、-=等var a = 2;//是正确的var a += 2;//是错误的var a = 2++;/...

jQuery鼠标事件汇总

2017年02月06日 11 阅读

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。1、click事件：点击鼠标左键时触发 $（"p"）.click（function（）{}）;示例：$（"p"）.click（function（）{alert（"click function is running ！"）; }）;2、dbclick事件：迅速连续的两次点击时触发 $（"p"）.dbclick（function（）{}）;示例：$（"button"）.dblclick（funct...

javascript中的正则表达式使用详解

2017年02月06日 11 阅读

[1]定义:正则又叫规则或模式，是一个强大的字符串匹配工具，在javascript中是一个对象[2]特性： [2.1]贪婪性,匹配最长的 [2.2]懒惰性,不设置/g,则只匹配第1个[3]两种写法: [3.1]perl写法（使用字面量形式）: var expression = /pattern/flags; e.g. var pattern = /a/i;//匹配字符串中所有"a"的实例 [3.1.1]三个标志flags [a]g:...

javascript中sort（） 方法使用详解

2017年02月06日 13 阅读

语法：arrayObject.sort（sortby）；参数sortby可选。规定排序顺序。必须是函数。sort（） 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具...

IE8下jQuery改变png图片透明度时出现的黑边

2017年02月06日 11 阅读

png24格式的图片在用jQuery添加显示隐藏动画时发现，图片的半透明区域出现黑边？在网上搜了搜主要有以下几种办法：1、把图片保存成PNG-8格式。2、把背景色一起切入并保存为JPG格式。以上两种方法我试了试，好像效果并不好png8格式仍就会有黑边。解决方法：1、不要直接改变图片的透明度，而是给图片套个容器，去修改这个容器的透明度2、给这个容器加个颜色相近的背景颜色（非常重要，解决bug的关键就在这一步，）一般情况下，到此bug就解决了，如果还是有问题，...

javascript中substring（）、substr（）、slice（）的区别

2017年02月06日 13 阅读

stringObject.substring（start,stop） 用于提取字符串中介于两个指定下标之间的字符。start必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。start从0开始 到stop（不包含stop）结束 不接受负的参数。stringObje...

浅谈JavaScript超时调用和间歇调用

2017年02月06日 11 阅读

间歇调用在JavaScript中间歇调用很常见，setInterval，就是间隔一定的时间重复调用。setInterval（）方法接收两个参数：第一个参数可以是字符串，也可以是函数，第二个参数是一个以毫秒为单位的数字，表示重复间隔的时长。参数是字符串当第一个传递参数是字符串时，如下：setInterval（"alert（"this is a string."）",1000）;这里的字符串是一段JavaScript代码，和传入的eval（）函数的参数一样，如...

jquery.mousewheel实现整屏翻屏效果

2017年02月06日 12 阅读

实现整屏上下翻效果：需加载的js<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/jquery.mousewheel.js"></script>css样式如下：body{padding:0;margin:0; overflow:hidden }u...

浅谈javascript的Array.prototype.slice.call

2017年02月06日 11 阅读

写字前面在js中我们经常会看到Array.prototype.slice.call（arguments,0）的写法，当然，这个方法的作用也许大家都明白，那就是把类数组对象转换成一个真正的数组。关于这个方法，我说说自己的理解。这里涉及到slice（）方法和call（）方法，所以先简单说说这两个方法。slice（）方法数组和字符串都有这个slice方法，这个方法的作用是截取一段数据。它接收两个参数，第一个参数是要截取的位置索引，第二参数可选，表示要截取到的结束...

jquery选择器简述

2017年02月06日 10 阅读

jQuery选择器使得获得页面元素变得更加容易、更加灵活，从而大大减轻了开发人员的压力。如同盖楼一样，没有砖瓦，就盖不起楼房，得不到元素谈何其他各种操作呢？可见,jQuery选择器的重要性。jquery选择器大方向可以分为这样：下面我们先来看看基本选择器总的CSS选择器：1.标签选择器：$（"element"）其中，参数element，表示待查找的HTML标记名，如$（"div"）,标签选择器获取元素的方式是高效的，因为它继承自javascript中的ge...

jQuery实现带有洗牌效果的动画分页实例

2017年02月06日 12 阅读

本文实例讲述了jQuery实现带有洗牌效果的动画分页。分享给大家供大家参考。具体如下：这款jquery分页示例载入的是一个图片的LI列表，使用jQuery技术将其分为多页显示，在分页的过程中，还加入了动画效果，使整个分页效果看上去很有专业味。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-list-page-flash-style-codes/具体代码如下：<！DOCTYPE html PU...

jquery+CSS3实现淘宝移动网页菜单效果

2017年02月06日 11 阅读

本文实例讲述了jquery+CSS3实现淘宝移动网页菜单效果。分享给大家供大家参考。具体如下：这是一款基于jquery+CSS3实现的淘宝移动网页菜单，其实这个菜单动画并不复杂，只有缩放和位移。难点是用了扇形结构，而且还要实现扇形的链接区域，这个就费脑筋了，最后采用了传统的图片map来做热区，效果还不错。相信肯定有更好的解决方法。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-css3-tao...

jquery实现红色竖向多级向右展开的导航菜单效果

2017年02月06日 11 阅读

本文实例讲述了jquery实现红色竖向多级向右展开的导航菜单效果。分享给大家供大家参考。具体如下：这里介绍的是一款红色竖向多级向右展开的导航菜单，多用于博客网站的导航菜单，红色风格，非常漂亮，向右伸展的菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-red-style-show-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD X...

jQuery实现简单的列表式导航菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现简单的列表式导航菜单效果代码。分享给大家供大家参考。具体如下：这里使用jQuery实现简单的列表式导航菜单，是根据网上的一个教程，边看边写的，经过了修正，拷贝代码即可使用。主要实现包括三个部分，一是CSS、二是引入jQuery、三是编写JS代码进行jQuery控件。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-simple-list-style-nav-menu-c...

jquery+CSS3模拟Path2.0动画菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery+CSS3模拟Path2.0动画菜单效果代码。分享给大家供大家参考。具体如下：CSS3实现的仿手机软件菜单，动画菜单，注意的地方，小按钮位移后有个缓冲，每个小按钮缓冲的距离不一样，每个小按钮位移的时间有间隔，处理好这些细节才能体现出灵动的效果。CSS3代码：（请用非IE标准浏览器访问）由于代码运行框缺陷，请先刷新一下页面动画运行更流畅。Path菜单的小按钮本来应该也可以旋转的，但CSS3动画的位移和旋转同时出现时不知道为何旋转就没...