展开菜单

JavaScript属性childNodes和children的区别

JavaScript属性childNodes和children的区别

javascript中childNodes属性的作用是获得元素的子节点集合,返回节点的子节点集合,以 NodeList 对象;javascript的children属性作用也是获取元素的子元素集合,返回元素的子元素的集合,是一个 HTMLCollection 对象。 children属性与childNodes属性的差别: childNodes属性返回所有的节点,包括文本节点、注释节点; children属性只返回元素节点; 先看childNodes的用法,以及是如何计算节点数量: ...

javascript计算两个日期的天数差js代码

使用javascript计算两个日期(yyyy-mm-dd格式)之间相差多少天的代码。 1、指定日期天数差 function DateDiff(start, end){ start = new Date(start); end = new Date(end); if(end > start){ days = parseInt(Math.abs(end - start) / 1000 / 60 / 60 / 24); }else{ days = '0'; } return days; } 调用输出: do...

简单的日历记事本jQuery插件e-calendar(带样式美化)

简单的日历记事本jQuery插件e-calendar(带样式美化)

e-calendar是记录或设置指定日期事件的一款jQuery插件,类似于工作备忘录的功能。 Github主页:https://github.com/jhonis/e-calendar 使用教程: 1、引入e-calendar插件 <script src="js/jquery.min.js"></script> <!--这是jQuery库文件--> <script src="js/jquery.e-calendar.js"></script> <!--这是e-ca...

Firefox浏览器select点击选择时出现虚线框的解决方法

HTML select选项框在火狐firefox浏览器中,当鼠标点击选择时,会出现虚线框的问题。 解决方法: 1、方法一 select:focus { outline: 0; border: 0; } 2、方法二 select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #705a39; }

响应式全屏滚动翻屏jquery插件FullPage.js常用参数中文文档

FullPage.js是用于创建全屏滚动效果的网站的jquery插件,也就是常见的单页网站或单屏网站。FullPage插件支持鼠标滚动、键盘控制;支持手机、平板触摸事件;提供多个回调函数,响应式结构,能自适应窗口大小。 Github主页:https://github.com/alvarotrigo/fullPage.js 演示:https://alvarotrigo.com/fullPage/ 使用方法: 1、引入插件样式文件和js文件 <script type="text/javascript" src="../jquer...

Flexslider轮播图插件支持HTML5视频播放代码

FlexSlider.js是款简单易用的轮播图jQuery插件,但没有提供支持HTML视频播放的参数(插件参数请参考《jquery幻灯片插件FlexSlider插件的详细设置参数》),如果直接使用html5标签video播放视频,会出现视频没有播放完就轮播到下一屏的问题,但是可以借助FlexSlider.js的回调函数实现支持视频播放。 html代码: <div class="slides"> <ul> <li> <video src="video.mp4" muted webkit-playsinline="...

最好用的自定义滚动条样式jquery插件mCustomScrollbar

最好用的自定义滚动条样式jquery插件mCustomScrollbar

通过jquery滚动条插件mCustomScrollbar.js可以自定义滚动动条CSS样式和滚动条的位置,支持垂直和水平两个方向的滚动条,支持jQuery mousewheel plugin插件的鼠标滚动效果。 注意:插件应用的HTML必须存在于body文档流内,而且不能为display:none 更多演示:http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html 使用方法: 1、加载css样式文件...

Javascript调用新浪股票数据接口返回的股票价格代码(普通版)

Javascript调用新浪股票数据接口返回的股票价格代码(普通版)

通过调用新浪实时股票数据接口返回的数据实现指定股票数据的调用,以下代码非实时更新,刷新页面才会更新股票数据。 步骤: 1、以中国平安的股票代码为例,调用新浪股票数据接口: <script type="text/javascript" src="http://hq.sinajs.cn/list=sh601318"></script> 2、HTML代码: <div class="data"> <div class="inner"> <ol> &...

新浪实时股票数据接口http/javascript版解析

使用http://hq.sinajs.cn/list=code可以返回对应股票的实时数据,以大秦铁路(股票代码:601006)为例,如果要获取它的最新行情,只需访问新浪的股票数据接口就可以返回相关的数据。 获取股票数据示例: http://hq.sinajs.cn/list=sh601006 这个url会返回一个字符串,如下: var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92, 22114263, 589824680, 4695, 26.91, ...

原生javascript点击缓动返回顶部按钮

实现的效果:页面滚动一定像素大小的位置后,显示出返回顶部按钮,点击该按钮,页面缓慢自动滚动到顶部。 HTML代码: <div id="box"></div> <div id="btn">返回顶部</div> CSS代码: PS:以下样式代码仅供测试,可以修改为自己喜欢的样式 body {position:relative; margin:0; padding:0;} #box {width:200px; height:4000px; background-color:green;} #btn...

js插件:自动生成二维码的javascript库QRCode.js

QRCode.js是一个用于生成二维码的javascript库,通过获取DOM标签再使用HTML5的Canvas绘制而成,不依赖任何库(如jQuery)。QRCode.js支持IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile等浏览器。 使用方法: 1、下载地址:https://github.com/davidshimjs/qrcodejs 2、引用qrcode.js文件: <script type="text/javascript" ...