jQuery实现带有上下控制按钮的简单多行滚屏效果代码

2017年02月06日 13 阅读

本文实例讲述了jQuery实现带有上下控制按钮的简单多行滚屏效果代码。分享给大家供大家参考。具体如下：这里使用了jQuery插件来实现最简单的多行文字滚屏效果，还带有上下滚动控制按钮，卷动速度，数值越大，速度越慢（毫秒），滚动的时间间隔是（毫秒），每次滚动的行数，默认为一屏，即父容器高度……运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-up-down-scroll-src-style-codes...

js实现随屏幕滚动的带缓冲效果的右下角广告代码

2017年02月06日 12 阅读

本文实例讲述了js实现随屏幕滚动的带缓冲效果的右下角广告代码。分享给大家供大家参考。具体如下：一个随屏幕自动滚动的右下角广告代码，这里请注意几个参数：id 你要滚动的内容的id r 放在左边还是右边 默认是右边 t 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f 1表示固定 不写或者0表示滚动（ie6固定无效） 是不是很实用呢，这个版本经过作者二次修正，兼容性还不错。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js...

js实现简洁的滑动门菜单（选项卡）效果代码

2017年02月06日 12 阅读

本文实例讲述了js实现简洁的滑动门菜单。分享给大家供大家参考。具体如下：一个简洁实用的网页选项卡菜单，在同一个页面中实现两个选项卡，第一个是滑动门，从布局上来说基本是相似的，第二个是选项卡，这里主要使用了Js自定义函数：tabMenu，函数功能：实现tab菜单，参数说明：tabMenu（tabBox,navClass）;参数一：tabBox（tab容器id）参数二：navClass（当前标签样式class）备注：依赖指定html结构。运行效果截图如下：在线...

JS实现横向拉伸动感伸缩菜单效果代码

2017年02月06日 12 阅读

本文实例讲述了JS实现横向拉伸动感伸缩菜单效果代码。分享给大家供大家参考。具体如下：这是一款JS实现的纵向拉伸变横向拉伸，动感伸缩菜单，紧身排列的CSS菜单，可用在博客等重要的位置部分作菜单，学习JavaScript前端设计的也可以作为参考范例。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-row-show-menu-style-codes/具体代码如下：<！DOCTYPE html PUBLIC...

基于JS实现简单的样式切换效果代码

2017年02月06日 11 阅读

本文实例讲述了基于JS实现简单的样式切换效果。分享给大家供大家参考。具体如下：这是一款基于JS实现简单的样式切换代码，自由切换CSS样式，很多大网站现在正在用，我觉得这是个挺实用的不错的功能，希望大家喜欢哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-tab-cha-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTM...

JavaScript实现的多个图片广告交替显示效果代码

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现的多个图片广告交替显示效果代码。分享给大家供大家参考。具体如下：这里演示JavaScript让多个Banner图片广告交替显示的效果，如果你的站很牛，广告位被占满了，你可以考虑让多个图片广告轮番交替显示，链接也跟着变，这样是不是为你节省了宝贵的广告位？思路是好，但不知道广告效果是不是也一样好，这就需要实验了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-npic-c...

JS实现先显示大图后自动收起显示小图的广告代码

2017年02月06日 11 阅读

本文实例讲述了JS实现先显示大图后自动收起显示小图的广告代码。分享给大家供大家参考。具体如下：这是一个非常不错的JavaScript图片特效，当最初打开网页的时候，显示的是大图片，就像遮屏广告一样，停留一会后，自动缓慢收起，这时由JS控制更换广告图片，始终显示在网页顶部，在一些大门户网站我们经常见到这种效果，个人感觉挺酷哦！先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/js-big-to-small-pi...

js实现浮动在网页右侧的简洁QQ在线客服代码

2017年02月06日 11 阅读

本文实例讲述了js实现浮动在网页右侧的简洁QQ在线客服代码。分享给大家供大家参考。具体如下：这是一个简洁版的QQ在线客服，其实重要的是这个JS函数，只要有了这个JS函数，实际上你完全可以写一个这样的在线客服，它是用JS+CSS去控制层的隐藏与展开。注意代码中的QQ号记着要改一下哦。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-float-qq-onlinefk-style-codes/具体代码如下：&l...

js实现仿MSN带关闭功能的右下角弹窗代码

2017年02月06日 11 阅读

本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下：这是一款非常精致漂亮的仿MSN右下角弹出窗口，带关闭功能，直接复制代码就管用。演示要用到几个小图片，运行的时候点击右键保存一下，这里提供一种思路，并不完全局限于此种方法，熟能生巧。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/具体代码如下：<HTML&...

js制作带有遮罩弹出层实现登录注册表单特效代码分享

2017年02月06日 12 阅读

本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码。分享给大家供大家参考。具体如下：运行效果图：----------------------查看效果 源码下载-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。jquery制作的带有遮罩弹出层实现登录注册等表单的特效源码，是一段实现了点击后在原始页面上弹出想用页面的代码。为大家分享的js制作带有遮罩弹出层实现登录注册表单代码特效代码如下<...

js实现图片放大和拖拽特效代码分享

2017年02月06日 12 阅读

本文实例讲述了js实现图片放大和拖拽特效代码。分享给大家供大家参考。具体如下：js实现图片放大和拖拽特效是一款非常实用的js特效，实现了图片的放大和拖拽功能，没用用到jquery插件，是用原生javascript实现的，除了点击放大和缩小按钮来控制图片的放大缩小，还可以使用鼠标的滚轮控制图片的缩放。运行效果图： ----------------------查看效果 源码下载-----------------------小提示：浏览器中如果不能正常运行，可以...

javascript 判断两个日期之差的示例代码

2017年02月06日 12 阅读

日期差我们需要像php中一样把如2015-08-30这种转换成秒之后再利用两个日期的秒数进行相减之后再加起判断就可以了，如果判断日期相等就简单多了在文章最后有例子说明。例子1，日期之差函数function better_time（strDateStart,strDateEnd）{var strSeparator = "-"; //日期分隔符var strDateArrayStart;var strDateArrayEnd;var intDay;strDat...

js 判断所选时间（或者当前时间）是否在某一时间段的实现代码

2017年02月06日 11 阅读

核心代码：var time_range = function （beginTime, endTime, nowTime） {var strb = beginTime.split （":"）;if （strb.length ！= 2） {return false;}var stre = endTime.split （":"）;if （stre.length ！= 2） {return false;}var strn = nowTime.split （":"）...

javascript中日期函数new Date（）的浏览器兼容性问题

2017年02月06日 11 阅读

同一种语言javascript，在不同的浏览器中，存在语言兼容性问题，本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1. 问题的提出， 开始时间和结束时间空间无法正确的传递值 在页面中，我们使用了一个时间上的组件来开发时间选择框，但是发现在Firefox下是无法正常工作的，在Chrome下是可以正常运行的。 问题出在哪里呢？2. 问题分析 结果分析发现是由于如下代码产生的问题：va...

javascript日期操作详解（脚本之家整理）

2017年02月06日 11 阅读

它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。方法：分为得到时间方法、设置时间方法和转换时间方法得到时间方法： getDate（） 查看Date对象并返回日期 getDay（） 返回星期几 getHours（） 返回小时数 getMinutes（） 返回分钟数 getMonth（） 返回月份值 getSeconds（） 返回秒数 getTime（） 返回完整的时间 getYear（） 返回年...

jQuery焦点图轮播特效代码分享（3款）

2017年02月06日 11 阅读

本文实例讲述了jQuery焦点图轮播特效代码。分享给大家供大家参考。具体如下：jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码，是一段拥有三种不同风格和效果的焦点图轮播代码，其中有两款最有意思，一款是在将焦点图图片分成了四块，每个图片都连接到不同的地址，并且还拥有鼠标悬浮内图时，其它图片都变暗了的效果，另外一款是，带有带缩略图和文字描述效果的焦点图轮播代码。运行效果图：----------------------查看效果 源码下载----...

jQuery右侧选项卡焦点图片轮播特效代码分享

2017年02月06日 11 阅读

本文实例讲述了jQuery右侧选项卡焦点图片轮播特效代码。分享给大家供大家参考。具体如下：jQuery实现的右侧选项卡焦点图片轮播动画特效源码，是一段清新可爱的焦点图轮播代码，支持自动轮播与手动点击。运行效果图：----------------------查看效果-源码下载----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery右侧选项卡焦点图片轮播特效代码如下<！DOCTYPE h...

Js制作点击输入框时默认文字消失的效果

2017年02月06日 12 阅读

为了提高用户体验和易用度，一些设计师会对网页中用户经常用的东西进行优化，比如输入框。一般的输入框是怎样优化的呢？从用户体验的角度出发，简化用户使用步骤，让用户用得更方便就是提高了易用性，例如当鼠标悬浮在输入框时改变输入框颜色、自动选中输入框中的默认文字，或者点击输入框时自动清除默认内容等等。 这个效果听起来复杂，其实做起来却很简单，只要一小段javascript代码即可解决。下?面介绍一下几种效果的代码：1.点击输入框选中内容的Html代码：<...

简单谈谈javascript Date类型

2017年02月06日 12 阅读

1 创建一个新的日期对象，如果不带参数，则对象自动获得当前的日期和时间var d = new Date（）2 如果需要指定特定的日期，则可以通过Date.parse（） 或者 Date（）.UTC（）,返回时间戳作为 new Date（）的参数Date.parse（） 用法：var time = Date.parse（"2015/05/20"）;var newDate = new Date（time）;//Wed May 20 2015 00:00:00 ...

Javascript实现快速排序（Quicksort）的算法详解

2017年02月06日 11 阅读

目前，最常见的排序算法大概有七八种，其中"快速排序"（Quicksort）使用得最广泛，速度也较快。它是图灵奖得主C. A. R. Hoare（1934--）于1960时提出来的。"快速排序"的思想很简单，整个排序过程只需要三步：（1）在数据集之中，选择一个元素作为"基准"（pivot）。（2）所有小于"基准"的元素，都移到"基准"的左边；所有大于"基准"的元素，都移到"基准"的右边。（3）对"基准"左边和右边的两个子集，不断重复第一步和第二步，直到所有子...