Welcome 微信登录

首页 / 脚本样式 / JavaScript

非常棒的jQuery图片轮播效果

非常棒的jQuery图片轮播效果

2017年02月06日 10 阅读
本文实例为大家分享了jQuery图片轮播效果，很个性，具体内容如下购物产品展示：图片轮播器，效果如下所示：思路说明：每隔一段时间，实现图片的自动切换及选项卡选中效果两个区域： 最外层容器区域，如上图红色线框矩形 选项卡区域两个事件： 鼠标悬浮或鼠标划入mouseover 鼠标离开mouseleave/**大屏广告滚动样式**/<！DOCTYPE html><html lang="en"><head> &l...
node.js连接mongoDB数据库 快速搭建自己的web服务

node.js连接mongoDB数据库 快速搭建自己的web服务

2017年02月06日 10 阅读
一、写在前面 人人都想成为全栈码农，作为一个web前端开发人员，通往全栈的简洁之路，貌似就是node.js了。前段时间学习了node.js，来谈谈新手如何快速的搭建自己的web服务，开启全栈之路。二、安装node.js 接触过后端开发的人都知道，首先要安装服务。作为新手，肯定是选择最简单的可视化安装了（傻瓜式下一步，其它的方式等熟悉相关操作后自然就会了的），通过官网http://nodejs.org/dist/v0.6.1/node-v0.6.1.msi ...
理解javascript对象继承

理解javascript对象继承

2017年02月06日 10 阅读
先从一个问题进行研究深入，什么是javascript对象继承？比如我们有一个“动物”对象的构造函数。function animal（） {this.type = "动物";}还有一个“猫”对象的构造函数。function cat（name,color） {this.name = name;this.color = color;}我们知道猫也属于动物，如果这个猫对象想要继承动物对象的属性，我们该怎么做呢？构造函数绑定使用构造函数绑定是最简单的方法，使用cal...
JS组件Bootstrap dropdown组件扩展hover事件

JS组件Bootstrap dropdown组件扩展hover事件

2017年02月06日 10 阅读
bootstrap导航条当中dropdown组件用得特别频繁，本文就为大家介绍bootstrap中的dropdown组件扩展hover事件，具体内容如下如何实现这个hover事件呢，其实在dropdown组件的点击事件的基础上很好完成的。细心者可以发现，下拉框出现时，其父级会有一个open的class属性。我们只需要监听hover事件时，给父级增加或删除open类就可以了。boostrap-hover-dropdown.js插件，托管在github上的代码...
第一次接触JS require.js模块化工具

第一次接触JS require.js模块化工具

2017年02月06日 11 阅读
随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。requir...
第二次聊一聊JS require.js模块化工具的基础知识

第二次聊一聊JS require.js模块化工具的基础知识

2017年02月06日 10 阅读
前一篇：JS模块化工具我们以非常简单的方式引入了requirejs：http://www.jb51.net/article/82527.htm，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等基本APIrequire会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短define 从名字就可以看出这个api是用来定义一个模块require 加载...
基于javascript实现精确到毫秒的倒计时限时抢购

基于javascript实现精确到毫秒的倒计时限时抢购

2017年02月06日 10 阅读
这篇文章为大家分享了javascript实现倒计时限时抢购，精确到毫秒的倒计时，供大家参考，具体内容如下一、效果图下面的图片就是聚划算上面的限时抢的效果二、实现限时抢的效果需要用到的知识 ：Javascript Date（）对象Date（）返回当前的日期和事件getYear（）返回年份 获得年最好用getFullYear（）方法来操作（完整格式如2016）getMonth（）返回月份值（从0开始,+1）getDay（）返回星期几（0-6）getHours（...
JS组件Bootstrap ContextMenu右键菜单使用方法

JS组件Bootstrap ContextMenu右键菜单使用方法

2017年02月06日 10 阅读
今天来总结下bootstrap的一个小组件的应用。好了，不说废话，进入正题吧。一、ContextMenu介绍一个需求：表格行调序，支持多选调序，并且可以不连续多选。什么意思呢？先来看看需要实现的效果图：需求是：需要将选中的6、8、9行移动到第2行和第3行之间。撇开业务不说，单纯从技术层面来说，要想使用最少操作达到上述效果，博主想到了右键功能，如果能够在第2行或者第3行上面点击鼠标右键，通过右键菜单功能将选中的行移动到相应的位置，这样是不是最简单呢。说做咱就...
JS中取二维数组中最大值的方法汇总

JS中取二维数组中最大值的方法汇总

2017年02月06日 10 阅读
在JavaScript中可以通过内置的 Math.max（） 的最大值，但是要从多重数组中取出最大值，还是有一定的难度。问题描述假设你有一个数组，而且这个数组中包含了数字的子数组，而我们要做的是从数组中的每个子数组中返回其最大的那个最大数。基本解决方案function largestOfFour（arr） {var results = []; // 创建一个results变量来存储// 创建一个外层循环，遍历外层数组for （var n = 0; n &l...
js组件SlotMachine实现图片切换效果制作抽奖系统

js组件SlotMachine实现图片切换效果制作抽奖系统

2017年02月06日 10 阅读
前言：前两天在网上找组件，无意中发现了我们儿时游戏机效果的“SlotMachine组件”，浏览一遍下来，勾起了小时候满满的回忆。下面就带着大家来看看这么一个神奇的组件——SlotMachine吧。一、组件预览先来一发简单的效果压压惊觉得太简单？别急，好戏在后头，试试手气先。什么？还没达到想要的效果，好！下面，真实效果来一发。点击了好长时间，都没有中奖，难怪小时候怎么都赢不了呢。不信邪，继续点击开始，终于有一次中奖的了，真心不容易。还有我们年终抽奖效果，开始...
JS区分浏览器页面是刷新还是关闭

JS区分浏览器页面是刷新还是关闭

2017年02月06日 10 阅读
Web开发者在系统开发中经常要面对产品经理各式各样的需求，当然，大部分对产品体验还是有帮助的，例如我们今天提到的刷新页面，前进后退，关闭浏览器标签时，为了避免用户误操作，需给出二次确认提示框，这个相信大家都非常熟悉了，采用浏览器提供的BOM事件机制就可以解决，使用window对象的onbeforeunload事件即可，如果产品经理只提出这样的需求，那确实无可厚非，然而其需要的不仅仅是这些...例如，我们一次项目开发中，产品经理就针对我们的实现提出了“改进方...
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法

JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法

2017年02月06日 11 阅读
本文实例讲述了JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法。分享给大家供大家参考，具体如下：setTimeout 用于延时器,只执行一次.setInterval:用于多次执行.项目中引用到jquery.timers-1.2.js定时器，并且MSClass做信息定期滚动，每3分钟执行一次，执行三次左右，滚动的次数越来越快，原因在于timers和MSClass都用了setInterval,都会再次添加一个setInte...
ArtEditor富文本编辑器增加表单提交功能

ArtEditor富文本编辑器增加表单提交功能

2017年02月06日 10 阅读
摘要： artEditor.js是一款移动端的富文本编辑器，支持图片上传，后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交，当然是支持的，在未开发该功能之前，你可以像下面这样来实现表单提交$（".submit"）.on（"click", function（e） {e.preventDefault（）;$（".hidden"）.val（$（"#artEditor"）.getValue（））;$（this）.submit（）;}...
jQuery实现鼠标跟随提示层效果代码（可显示文本,Div,Table,Html等）

jQuery实现鼠标跟随提示层效果代码（可显示文本,Div,Table,Html等）

2017年02月06日 10 阅读
本文实例讲述了jQuery实现鼠标跟随提示层效果代码。分享给大家供大家参考，具体如下：运行效果截图如下：Web网站有不少需要用到tip提示层的地方，结合jquery的jquery.cluetip.js ，可以实现本地字符或ajax异步调用显示提示层。如以上购评分明细提示。（优势：宽度需要调用页加载时定义，高度auto , 且三角指定图标能根据显示层的大小位置来调用它的位置，达到醒目直观的效果）jquery.cluetip.css/* global */#c...
<< 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图