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...
HTML select选项框在火狐firefox浏览器中，当鼠标点击选择时，会出现虚线框的问题。 解决方法： 1、方法一 select:focus { outline: 0; border: 0; } 2、方法二 select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #705a39; }
FullPage.js是用于创建全屏滚动效果的网站的jquery插件，也就是常见的单页网站或单屏网站。FullPage插件支持鼠标滚动、键盘控制；支持手机、平板触摸事件；提供多个回调函数，响应式结构，能自适应窗口大小。 Github主页：https://github.com/alvarotrigo/fullPage.js 演示：https://alvarotrigo.com/fullPage/ 使用方法： 1、引入插件样式文件和js文件 <script type="text/javascript" src="../jquer...
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.js可以自定义滚动动条CSS样式和滚动条的位置，支持垂直和水平两个方向的滚动条，支持jQuery mousewheel plugin插件的鼠标滚动效果。 注意：插件应用的HTML必须存在于body文档流内，而且不能为display:none 更多演示：http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html 使用方法： 1、加载css样式文件...
通过调用新浪实时股票数据接口返回的数据实现指定股票数据的调用，以下代码非实时更新，刷新页面才会更新股票数据。 步骤： 1、以中国平安的股票代码为例，调用新浪股票数据接口： <script type="text/javascript" src="http://hq.sinajs.cn/list=sh601318"></script> 2、HTML代码： <div class="data"> <div class="inner"> <ol> &...
使用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, ...
实现的效果：页面滚动一定像素大小的位置后，显示出返回顶部按钮，点击该按钮，页面缓慢自动滚动到顶部。 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...
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" ...
javascript paused属性返回视频是否已暂停（该属性为只读属性，IE8或更早的浏览器不支持该属性），javascript play()方法用于播放音频或视频，javascript pause()方法用于暂停当前播放的音频或视频。 只判断视频是否在播放状态 HTML代码： <div class="video"> <video src="../video/video.mp4" controls> 您的浏览器不支持 video 标签。 </video> </div> jQuery代码...
share.js可以给网站添加一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等网站的分享按钮，在目前jiaThis分享按钮服务已经关停，百度分享按钮时不时地404很不稳定，bshare似乎也是停止维护状态，国外的分享按钮服务又有点水土不服的环境下，share.js是个很好的选择。 使用方法： 1、前往Github下载share.js：https://github.com/overtrue/share.js/ 2、引入 share.min.css 与 ...
很流行的动态背景连线特效。下面的代码是作者在扒下来的代码上进行整理和注释，很适应参考学习。 效果截图： 效果演示：https://jc1144096387.github.io/canvas_nest/ 作者地址：https://blog.csdn.net/u013556477/article/details/82819785 HTML代码（测试代码）: <!doctype html> <html lang="en"> <head> <meta charset="U...