JQuery教程

jQuery实现select选择框样式美化插件
shinyuu JQuery教程 6859 0 2015-07-30 12:37:20

本Demo是一款jQuery select下拉框插件、其主要是美化了select的功能、实现代码是基于jQuery实现的点击展开功能、可以做为下拉框菜单选择用途 其实我自己也很想把这个效果集成到我的博客上面、现在用手机访问我的博客菜单就是通过select来实现的 HTMl代码 <select class="selectbox" id="" name=""> <option value="DD博客">DD博客</option> <option ...

阅读全文

jQuery垂直时间轴特效插件下载
shinyuu JQuery教程 9594 0 2015-07-15 12:50:41

本Demo是一个发展简史的特效、其实也可叫jQuery时间轴特效、当我们鼠标滚动到一定的高度动画显示发展时间轴、这个要显示的内容可自定义的哦、大家可以改为自己的发展过程、或则企业的历程、运行效果如下 Html代码 <div class="history_right"> <p class="history_R year211"> <span class="history_2005_span yellow">2012</span> <b clas...

阅读全文

Html jQuery拖动排序插件_div拖动效果并保存到后台
shinyuu JQuery教程 7265 0 2015-07-10 10:46:34

本Demo主要是实现div拖动排序的效果、使用插件jquery.sortable完成的、通过jquery的Sortable函数实现的div的拖动排序效果、可实现与后台的交互、主要应用在一些需要用户自定义排序的地方、Demo运行效果如下 HTML代码 <section id="intro"> <h1>拖动排序</h1> </section> <section> <ul class="gbin1-list"> <li>jQ...

阅读全文

jQuery放大镜插件_仿淘宝图片放大浏览效果
shinyuu JQuery教程 11252 6 2015-06-24 09:00:17

本Demo是一款jQuery图片放大镜插件、是一款简单实用的jQuery图片放大镜效果、点击缩略图可以切换大图、鼠标划过大图出现放大镜图片、可拖动放大镜区域查看图片细节、类似淘宝放大镜代码、适用于电子商务网站使用、效果非常不错、以前也增分享过一款类似的插件、在右上上方搜索关键词就可以了、可以对比一下、看你用那个更合适 HTML代码 <div class="con-FangDa" id="fangdajing"> <div class="con-fangDaIMg"> &l...

阅读全文

HTML5 CSS3 jQuery实现产品360度全景旋转展示
shinyuu JQuery教程 9131 2 2015-06-17 09:16:59

本Demo是一个使用jQuery实现产品360度旋转展示的案例、代码量比较少、使用起来非常方便、支持预加载、能够快速全面的的预览产品的图片、其主要原理是利用多张图片按顺序播放实现、Demo里面一共有64张图片、整体风格还是非常不错的 HTML代码 <div id="box-wrapper"> <div class="box-control box-control-left"> <a title="顺时针转动" href="javascript:void(0)" c...

阅读全文

HTML JQuery调用新浪微薄1630个表情插件_网页表情选择组件例子
shinyuu JQuery教程 11291 9 2015-06-12 13:39:20

最近都在准备博客回复改版的事件、研究了新浪的 web.api 成功调用的新浪的表情组件 来和大家分享一下、非常好用的一个东西、希望对大家有帮助 先一起来欣赏一下运行的效果吧 是不是非常炫呀、接下来一起来看看是怎么实现的吧 JS自定义hashtable代码如下 //自定义hashtable function Hashtable() { this._hash = new Object(); this.put = function(key, value) { i...

阅读全文

jQuery移动端网页秒表闹钟计时器源代码下载
shinyuu JQuery教程 6619 0 2015-06-10 10:15:14

本Demo的使用jQuery实现的多功能秒表加闹钟以及计时器的功能、Demo里面使用了timepicker插件、另外还使用了CSS3动画效果、实现的倒计时的功能、效果和功能都非常棒、本Demo可做为一款插件导入到项目中使用、非常的方便 CSS引入 <link type="text/css" rel="stylesheet" href="assets/materialize/css/materialize.min.css"> <link type="text/css" rel="sty...

阅读全文

jQuery Mobile手机移动端日期时间选择控件
shinyuu JQuery教程 14057 1 2015-05-18 13:19:17

很久都没有分享过技术相关的文章了、今天新公司第一天上班、分享一个jQuery手机端日历控件、是一款基于mobiscroll插件实现的可用于手机端日期日历控件、希望对大家有用、做手机web的哥们可能会有用 JS代码 function init() { // Select demo initialization $(´#demo_select´).mobiscroll().select({ theme: theme, mode: mode, di...

阅读全文

jQuery颜色选择器插件_js颜色选择器
shinyuu JQuery教程 6943 0 2015-04-29 11:16:24

分享一款jQuery颜色选择器插件、jColor.js是一款支持自由调整颜色的jQuery插件、相信色彩的自由更换在项目里面是很常见的、所以此分享一下、一是自己收藏一下、二是可以供其实有需求的哥们使用 1、引入资源文件 <link rel="stylesheet" type="text/css" href="css/jcolor.min.css"> <link rel="stylesheet" type="text/css" href="css/examples.css"> <...

阅读全文

JS短信验证码倒计时_jQuery倒计时插件特效
shinyuu JQuery教程 16138 16 2015-04-10 13:01:43

本Demo是一款输入手机号码在表单中获取短信验证码倒计时的代码实现、jQuery表单获取短信验证码代码、并防重复提交、实现方式是通过setInterval()函数实现的、每隔一秒钟调用一下对应的函数、运行效果图如下 HTML代码 <form> <label style="float:left;">验&nbsp;&nbsp;证&nbsp;码</label> <input type="text" class="c_code_msg" style...

阅读全文

jQuery Web前端上传头像图片裁剪插件下载
shinyuu JQuery教程 75171 270 2015-03-19 12:39:55

分享一个jQuery的头像剪裁工具、类似于新浪微薄上传图片和剪裁图片、剪裁之后生成3个规格的头像、分别是、64 * 64和128 * 128最后还有一个180 * 180、并且可以通过鼠标滚轮的滑动来控制图片的放大和缩小 如果大家网站有上传头像的需求、可以下载源代码看看、或许有用、效果图 HTML代码<div class="container"> <div class="imageBox"> <div class="thumbBox"></div> ...

阅读全文

html jQuery加载进度条插件代码下载
shinyuu JQuery教程 5917 0 2015-02-25 22:16:40

新的一年开始了、 虽然大部分程序员都已经开始了一年工作、但是可辛的是我还是休息呢、哈哈、程序员大军们又开始了一年的忙碌、首先祝大家在新的一年里都能找到好工作、都能获得高薪、新的一年开始了、现在为大家分享一个HTML的进度条的Demo、希望对大家有用、先来看看效果图片吧、非常不错哦 引入js代码库 <script src="js/prefixfree.min.js"></script> HTML代码 <div class="container"> <...

阅读全文

jQuery滚动到底部异步加载更多数据源代码Demo
shinyuu JQuery教程 10533 1 2015-02-03 11:58:33

本文主要是基于JQuery实现滚动到页面底端时自动加载更多信息、本来我是想把我的主页也发改成这种效果的、但是最后还是放弃了、因为流量还不是很大、如果以后流量大了之后、再修改、这种效果类似微博、新浪新闻的评论等、都采用了这方法、需要的朋友可以参考下 JS代码如下 $(function(){ var stop=true; var totalheight = 0; $(window).scroll(function(){ totalheight = parseFloat($(window).height()) ...

阅读全文

jQuery poshytip input输入框自动提示信息使用方法
shinyuu JQuery教程 6989 0 2015-01-28 14:31:52

不知道大家有没有看到我博客下面的评论那里的输入框、获得焦点的时候会有一个Twitter样式的提示、这样做的目的是为了省略在输入框前面的文字、个人觉得那个文字提示看上去真的很丑、给公司做项目那是必须要的、给自己做项目、我当然不会要那个输入框前面的文字了、所以就用了poshytip来替换、现在分享给大家、希望对一些有程序强迫症的程序员们有用、大家可以在下面试着评论看效果 JS代码 $(´#demo-tip-twitter´).poshytip({ className: &acu...

阅读全文

DD记账
top
+