Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap多级导航栏(级联导航)的实现代码

Bootstrap多级导航栏(级联导航)的实现代码

在bootstrap官方来说,导航最多就是两级,两级以上是无法实现的,大叔找了一些第三方的资料,终于找到一个不错的插件,使用上和效果上都还不错,现在和大家分享一下插件地址:http://vsn4ik.github.io/bootstrap-submenu/先看一下,在后台系统上的显示效果下面说一下实现的方式1.引用三个JS插件和一个CSS类库<script src="~/Content/bootstraps/JS/bootstrap-submenu....
js实现数组冒泡排序、快速排序原理

js实现数组冒泡排序、快速排序原理

本文为大家分享了js数组冒泡排序、快速排序的实现原理,供大家参考,具体内容如下1、冒泡排序: 随便从数组中拿一位数和后一位比较,如果是想从小到大排序,那么就把小的那一位放到前面,大的放在后面,简单来说就是交换它们的位置,如此反复的交换位置就可以得到排序的效果。var arr = [3,1,4,2,5,21,6,15,63];function sortA(arr){ for(var i=0;i<arr.length-1;i++){ for(var j...
Bootstrap~多级导航(级联导航)的实现效果【附代码】

Bootstrap~多级导航(级联导航)的实现效果【附代码】

在bootstrap官方来说,导航最多就是两级,两级以上是无法实现的,大叔找了一些第三方的资料,终于找到一个不错的插件,使用上和效果上都还不错,现在和大家分享一下插件地址:http://vsn4ik.github.io/bootstrap-submenu/先看一下,在大叔后台系统上的显示效果下面说一下实现的方式1 引用三个JS插件和一个CSS类库复制代码 代码如下:<script src="~/Content/bootstraps/JS/bootst...
基于jQuery的网页影音播放器jPlayer的基本使用教程

基于jQuery的网页影音播放器jPlayer的基本使用教程

jPlayer简介:想在网页上播放背景音乐,不想用html标签的方式,因为那样只有音乐全部下载完以后才能播放,还容易出现跨浏览器兼容性的问题,于是选了一款基于jQuery的播放器jPlayer来做。设置jPlayer的尺寸大小使用构造函数配置jPlayer({size:Object})设置jPlayer的高宽。使用构造函数配置jPlayer({sizeFull:Object})设置全屏尺寸。注意可通过构造函数配置jPlayer({backgroundCol...
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢?原理分析提取操作:复制=>粘贴=>上传在这个操作过程中,我们需要做的就是:监听粘贴事件=>获取剪贴板里的内容=>发请求上传为方便理解下文,需要先明白几点:我们只能上传网页图(在网页上右键图片,然后复制)和截图(截图工具截的图片,eg:qq截图),不能粘贴上传系统里的图片(从桌面上、硬盘...
javascript事件绑定学习要点

javascript事件绑定学习要点

事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一 传统事件绑定的问题传统事件绑定中的内联模型不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理函数。传统绑定如:window.onload=function(){ var box=document.getElementById("box"); box.onclick = func...
详解JavaScript正则表达式之分组匹配及反向引用

详解JavaScript正则表达式之分组匹配及反向引用

语法元字符:(pattern) 作用:用于反复匹配的分组属性$1~$9 如果它(们)存在,用于得到对应分组中匹配到的子串 1或$1 用于匹配第一个分组中的内容2或$2 用于匹配第一个分组中的内容...9或$9 用于匹配第一个分组中的内容用法示例var reg = /(A+)((B|C|D)+)(E+)/gi;//该正则表达式有4个分组//对应关系//RegExp.$1 <-> (A+)//RegExp.$2 <-> ((B...
分享12个实用的jQuery代码片段

分享12个实用的jQuery代码片段

jQuery是一款优秀的JavaScript库,它在WEB开发者和网页设计师中非常出名,帮助网页设计师开发出很多有创意和漂亮的WEB页面。本文主要分享了12个有用的jQuery技巧,具体内容如下下面是我收集的一些小技巧,这些技巧将帮助你提高你网站布局和应用的创意性以及功能性。一、在新窗口打开链接用这个代码,你点击超文本链接时会在新窗口中打开,为用户带来更好的体验:$(document).ready(function() { //select all anc...
js仿支付宝填写支付密码效果实现多方框输入密码

js仿支付宝填写支付密码效果实现多方框输入密码

不知道怎么描述标题,先看截图吧,大致的效果就是一个框输入一位密码。最开始实现的思路是一个小方框就是一个type为password的input,每输入一位自动跳到下一位,删除一位就自动跳到前一位,android上是OK的,很平滑也没有bug,但是ios上会出现键盘频繁调起和关闭,非常影响用户体验。原因估计是每个input会不断的focus和blur,每次focus会调起键盘,blur又会关闭键盘,so....此方案肯定不行了。PM非要实现这种效果,木有办法~...
javascript时间排序算法实现活动秒杀倒计时效果

javascript时间排序算法实现活动秒杀倒计时效果

制做一个活动页面 秒杀列表页 需要一个时间的算法排序 自己琢磨了半天想了各种算法也没搞出来,后来问了下一个后台的php同学 他写了个算法给我看了下 ,刚开始看的时候觉得这就是个纯算法,不能转化成页面的dom效果,可是再看了两遍发现可以, 于是我就改了改,实现了,先分享给大家。页面需求是:从11点到20点 每隔一个小时一场秒杀 如果是当前时间就显示正在秒杀 之前的商品就往最后排 以此类推类似最开始的11点顺序是 11,12,13,14,15,16,17,18...
Nodejs如何复制文件

Nodejs如何复制文件

前端童鞋都知道,javascript是没有权限操作磁盘文件的,server童鞋一向都很鄙视。但是nodejs可谓让咱们前端扬眉吐气啊,最近在学node,其强大的功能让人异常激动和兴奋。今天就学习了它怎么读写文件。首先需要引入fs模块,这是nodejs自带的。var fs=require("fs");具体可参考Nodejs API:http://www.w3cfuns.com/tools.php?mod=booknodejs主要用到了两个方法:1、f...
详解AngularJS控制器的使用

详解AngularJS控制器的使用

控制器在Angularjs中的作用是增强视图,它实际就是一个函数,用来向视图中的作用域添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。当我们在页面上创建一个控制器时,Angularjs会生成并传递一个$scope给这个控制器,由于Angularjs会自动实例化控制器,所以我们只需要写构造函数即可。下面的例子展示了控制器初始化:function my Controller($scope){ $scope.msg="hello,world...
<< 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 >>