JQuery教程

Html jQuery音乐均衡器Equalizer插件
shinyuu JQuery教程 8206 1 2016-03-23 12:54:02

本Demo是一个jQuery音乐均衡器的插件、插件的名字叫做equalizer、是根据jQuery编写而来的插件、用于在网页上显示一个音乐均衡器、同时也是一个音乐播放器、带有音乐均衡器Html5音乐播放器、个人效果效果非常不错、效果图如下 Html代码<section id="main_section"> <div class="relative_left" style="width: 600px;margin: 30px 0px;height: 300px;left : 50%;margin-left...

阅读全文

HTML5统计图表插件_jQuery轻量级图表插件下载
shinyuu JQuery教程 7021 2 2016-02-29 12:33:42

分享一个HTML5 SVG跨设备的统计图Demo、采用jQuery和HTML5完成的、该图表插件是一款支持制作饼状图、圆环图、柱状图和线性图等图表的、代码量非常小、效果也非常好看 、已经封装成JS文件了、集成到项目代码非常少、下面是Demo的效果图 HTML代码<div class="row"><div class="large-4 small-4 columns"> <ul data-pie-id="pie"> <li data-value="60">Water Buf...

阅读全文

jQuery图片透视放大镜效果插件源代码下载
shinyuu JQuery教程 5653 0 2016-01-28 12:51:26

分享一个jQuery透视图片放大镜代码的Demo、本事例是一款鼠标移到图片上可以在放大镜下透过上层的图片看到下层图片的放大影像、也就是说要实现透视的效果必须要准备好两张图片、同样本Demo也试用于两个美女、一个是比基尼一个穿衣服的、所以最后的效果你懂的、下面是效果图 引入CSS样式<link rel="stylesheet" type="text/css" href="css/default.css"><link rel="stylesheet" href="dist/jQuery.MagnifierRent...

阅读全文

jQuery CheckBox CSS复选框样式美化插件代码下载
shinyuu JQuery教程 6722 1 2016-01-21 10:17:16

分享一个表单美化过的Checkbox Demo、该特效是一款基于Bootstrap3实现的Checkbox元素美化的jQuery插件、可以直接下载使用、一共有4个index.html页面、可以根据自己项目的需要选择性的集成到自己的项目里面、下面的Checkbox插件的运行效果图、有需要的哥们可以直接下载使用 HTML代码<div id="colors-1" class="col-xs-12"> <span class="checkbox color_1 col-xs-4 col-sm-3"> ...

阅读全文

Html5 jQuery时光轴设计插件源代码下载
shinyuu JQuery教程 6117 3 2016-01-07 12:33:03

分享一款jQuery垂直时间轴样式、代码非常简洁并非常实用、Demo是一个Html的jQuery时间轴、无论li内容多少、直线都不会超出、并且红点永远居中的、jQuery代码已经封装好咯、只需要简单的引入即可、非常棒吧、效果图片如下 HTML代码<div class="about4"> <div class="about4_ch">成长经历</div> <div class="about4_main"> <div class="line">&...

阅读全文

HTML5复古音乐播放器代码_jQuery音乐播放器插件
shinyuu JQuery教程 6035 2 2015-11-27 12:33:24

分享一个html5复古风格音乐播放器、Demo代码非常简单、可以很容易的集成到自己的项目、本Demo是一款简单使用的jQuery HTML5实现的MP3音乐播放器、在点击播放的时候由于歌曲下载时间的问题、要等一会才会有声音、多等一会就好咯、下面是Demo运行效果图、供大家参考、有需要的哥们可以下载看看、以前也有分享过类似的Demo、在右上方搜索一下就好咯 html代码 <div id="cdPlayer"> <div id="myConsole">曲名</div&...

阅读全文

HTML5 Cancas加jQuery实现的温度计样式特效
shinyuu JQuery教程 10171 5 2015-11-16 12:54:46

今天分享一个Html5的Cancas温度计样式、本温度计是一款基于jQuery html5可以生成温度计的外观样式、并将指定的温度度数转换为温度计的颜色刻度、效果非常不错、并在载入的时候带有动画特效、下面是效果图、希望对大家有用 HTML代码如下 <article class="zzsc-container"> <div class="zzsc-content bgcolor-20"> <div class="tempGauge0">-10&...

阅读全文

UBB在线html文本编辑器_jQuery网页文本编辑器
shinyuu JQuery教程 5819 1 2015-11-11 16:15:04

分享一个HTML的在线编辑器、虽然我博客里面使用的不是这个、但这个真的很不错、非常值得推荐给大家、jQuery精简UBB代码编辑器、是一款简洁实用的UBB代码编辑器、效果非常好、下面是效果图、希望对大家有用 HTML代码 <div class="think-editor"> <div class="tool"> <a class="fullscreen fr" href="javascript:;">全屏</a> &l...

阅读全文

jQuery滑动切换图片效果_触屏手机左右滑动Touch事件
shinyuu JQuery教程 13262 8 2015-10-26 09:51:52

本Demo是一个jQuery手机手指滑动切换图片的特效、是一款可以在移动终端上运行的程序、手机上用户可以通过手指的左右滑动来切换图片、在桌面设备中通过鼠标也可达到同样的效果、有图有真像 全局变量定义 var animating = false; var cardsCounter = 0; var numOfCards = 6; var decisionVal = 80; var pullDeltaX = 0; var deg = 0; var $card, $cardReject, $cardLike; ...

阅读全文

jQuery弹出层插件_LayerModel弹出窗口遮罩效果插件源代码
shinyuu JQuery教程 7001 1 2015-10-14 14:04:56

分享一个比较炫的jQuery弹出层插件、名字叫做LayerModel、本Demo是一款支持多种自定义效果的jQuery拖动弹出层特效、效果非常不错、同时整个插件也是轻量级的、整个插件加起来一共只有15kb左右、并带有比较详细的使用文档、比较适合大家在自己的网站上面使用、下面是运行效果 1、资源引入 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script&...

阅读全文

jQuery Mobile Switch开关插件_JS复选框Switch开关控件
shinyuu JQuery教程 12637 7 2015-09-28 11:06:33

本Demo是原创jquery复选框、美化之后的复选框插件、其实就是一款jquery的switch插件、效果非常不错、特点是轻巧易用,大小只有4KB、加上css也不会超过10kb、非常适合在手机Web页面上面使用、使用方法也比较简单、下面是Demo的运行效果图 JS和CSS文件引入 <link rel="stylesheet" href="css/cyswtich.min.css" /> <script type="text/javascript" src="js/jquery-1.7.1...

阅读全文

jQuery实现Web网页计算器插件代码
shinyuu JQuery教程 9367 4 2015-09-18 12:20:09

可能有些哥们会有这样的需求、在网页上能不能实现计算器的功能、答案是肯定的、今天分享一款带操作记录jQuery计算器、Demo是一款基于jquery css3实现的高级科学计算器代码、外观也非常好看、感兴趣的哥们可以下载看看、运行效果如下 Html代码 <div id="container"> <div id="the-calculator"> <div id="the-display"> <form name="calculator"> <...

阅读全文

Html jQuery表情插件_jQuery仿百度表情插件下载
shinyuu JQuery教程 8275 3 2015-09-16 12:40:06

本Demo是一款jQuery输入框表情符号的插件、也是一款表情选择器代码、代码使用Emoji Picker插件制作的输入域表情符号选择器、效果非常不错、可以直接在input框右边直接点击输入、同样也支持Textarea HTML代码 <div class="inner cover"> <p class="lead emoji-picker-container"> <input type="email" class="form-control" plac...

阅读全文

jQuery密码强度验证检测_js密码强度检测插件下载
shinyuu JQuery教程 7040 1 2015-08-29 21:24:22

本Demo是一款jQuery密码强度检测插件、此版本是属于高级版、控件代码支持各种不同提醒的jQuery密码验证、随用户的输入提醒用户破解密码所需要的时间、并且带有背景变色功能、效果非常赞、运行效果如下 密码输入框 <div class="input"> <input type="password" id="password" ng-model="password" ng-change="passwordChange()" placeholder="请输入您的密码" class="...

阅读全文

jQuery关键字高亮显示_页面关键词高亮插件
shinyuu JQuery教程 7322 0 2015-08-19 12:16:35

本Demo是一款jQuery关键词查找元素高亮代码的插件、一款非常实用的搜索框页面查找关键词元素的源代码代码、而且还可以通过用户输入的关键过滤内容、效果非常不错、可以快速集成到自己的搜索界面上面、效果如下 keyup处理 $input.on( ´keyup´, function( e ) { if( e.keyCode == 13 ) // enter { $input.trigger( ´blur´ ); re...

阅读全文

jQuery设置和获取以及修改class name值操作
shinyuu JQuery教程 26659 13 2015-07-30 17:17:57

在Web程序开发中、很多时候会用需要修改Html标签的class名称、来达到修改标签样式的效果、那么在代码中一般是怎么操作的呢、本文将为你详细讲解一下class的使用、在jQuery中可以使用attr()方法修改”class”属性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法来完成 1、javascript addClass 利用document.getElementById("XX")找到document对象、然后再通过addCl...

阅读全文

DD记账
top
+