jQuery颜色选择器插件_js颜色选择器
dwtedx JQuery教程 1253 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倒计时插件特效
dwtedx JQuery教程 7950 12 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前端上传头像图片裁剪插件下载
dwtedx JQuery教程 49968 197 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加载进度条插件代码下载
dwtedx JQuery教程 1481 0 2015-02-25 22:16:40

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

阅读全文

jQuery滚动到底部异步加载更多数据源代码Demo
dwtedx JQuery教程 4464 0 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输入框自动提示信息使用方法
dwtedx JQuery教程 1704 0 2015-01-28 14:31:52

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

阅读全文

jquery设置radio选中_获取radio选中的值_判断radio是否选中
dwtedx JQuery教程 54890 33 2015-01-24 14:55:49

Jquery越来越流行、功能也越来越强大、使用的朋友也越来越多、在Web中、Radio这个Input使用的频率比较高、就关系到 radio 控件在Jquery中的操作问题、由于Jquery的版本更新很快、可能以后会有更好的写法、但现在我是这样选中和不选中Radio的、下面是选中性别为例贴上选中以及取消选中的代码 <input type="radio" name="sex" id="man_radio" value="1" />男 <input type="radio" name="sex" id="wo...

阅读全文

bootstrap jquery响应式导航菜单插件代码
dwtedx JQuery教程 3980 0 2015-01-23 13:22:45

最近发现一个Bootstrap的响应式的导航、个人觉得非常不错、不仅代码难写简单、效果还非常不错、此响应式导航(Responsive Nav)插件不依赖于任何第三方工具库、并且支持触屏操作、调整当前窗口大小即可看到惊艳的效果、响应式导航(Responsive Nav)是一个很小的JavaScript插件、压缩之后仅有1.7KB、能帮你创建针对小屏幕的可切换式导航、它支持触屏事件和CSS3过渡(transitions)效果、具有非常好的性能、他还能支持从height: 0 到 height: auto过渡、这是在CSS3过渡效果中很...

阅读全文

jQuery图片弹出层插件fancyBox下载_fancyBox参数说明及使用方法
dwtedx JQuery教程 5243 1 2015-01-14 12:58:37

fancyBox是一个非常优秀的图片弹出层的jQuery插件、带有丰富的弹出层效果、相比LightBox来说、Fancybox相对庞大点、配置也更丰富一些、这个插件也是一开始我集成到我博客里面的、由于最近在优化博客、减肥是必须的、想到只有首页用到了这个插件、忍痛割爱的把这个插件从我的博客中删掉了、不过还是很值得为大家推荐一下、相信你会喜欢的 fancyBox具有以下特性 1、可以加载DIV、图片、图片集、html文本、flash动画、SWF影片、iframe以及ajax数据 2、支持键盘方向键和ESC键 ...

阅读全文

jQuery实现下拉邮箱地址自动填充补全功能
dwtedx JQuery教程 1794 1 2015-01-12 13:28:45

刚刚过完一个周末、2015年第一个双休、当然对于一个程序员来说休息也是闲不下来的、就在看博客、完善个人觉得不完美的地方、随便看看那里有可以改进的地方、完善了一部分功能之后、想给输入邮件的时候添加自动填充邮件地址、就像新浪那样、当然现在我的博客所有邮件输入的地方都加上了邮件填充、不愿意独享、特将这个插件分享一下、希望对一些哥们有用、看看效果吧、你要以在下方回复框里面输入试试、再上一张效果图片 效果还可以吧、大家也可以在下面回复的地方输入试试 所有JS代码都是封装到一个js文件里面的、使用方法如下 JS代码...

阅读全文

jQuery仿淘宝加入购物车动画效果源代码下载
dwtedx JQuery教程 5519 3 2014-12-24 13:30:20

和大家分享一个jQuery加入购物车效果、点击一个商品之后通过抛物线的方式加入购物车、非常不错、此效果是通过一个加入回收站的效果改造的、大家可以通过修改简单的图片和代码就可以轻松的实现加入购物车效果、非常不错 HTML代码 <div class="goods_list"> <div class="thingsBox"> <img src="images/1.jpg" onClick="MoveBox(this)"/> </div> <div ...

阅读全文

高效jQuery分页插件源代码jquery.pager.js例子下载
dwtedx JQuery教程 17845 31 2014-12-14 12:55:15

本文将给大家分享一个非常不错的分页插件、jQuery.pager.js、该插件的优点是可以内容索引、使用了jQuery、也同时调用了jquery.pager.js文件、分页都是基于Ajax的、当然、如果你不打算使用Ajax来实现分页的话、那么你最好不要使用本插件、若使用的话反而很麻烦、本插件主要是为使用Ajax技术交互的网站所准备、可以很方便的嵌入到网站系统中、实现Ajax分页功能、运行效果如下 如果大家觉得这个效果不是很好看的话、可以自己重写分页按钮的样式哈 HTML代码很简单、只要准备一个用于分页...

阅读全文

jQuery响应式垂直导航菜单_炫酷响应式菜单例子
dwtedx JQuery教程 3592 2 2014-12-01 13:02:08

今天在研究响应式的时候、发现了国外的这么一个例子、实现了响应式的导航、个人觉得非常不错、现在分享给大家、希望对大家有帮助、话不多说、先一起来看看整个Demo运行的效果吧、然后哥们你再决定要不要下载这个Demo 上面的效果、电脑端主要是通过CSS实现的、所以不会存在JS没有加载完、菜单打不开的现象、那么手机端的菜单是通过JS来的、主要运用了google-maps.js这个js包哈 核心CSS代码(当屏幕宽度小于768px被执行) @media (max-width: 768px) { .vertical-na...

阅读全文

jQuery电子商城动态生成订单进度步骤代码例子
dwtedx JQuery教程 4798 4 2014-11-25 13:45:11

本例子将给大家讲述怎么实现jQuery动态生成订单进度的步骤和代码分享、这种功能一般都将被应用在电子商城等网站、主要用来显示订单的状态、jQuery动态生成订单进度步骤代码、提取后台传输到页面的数据、根据数据进行进度的变更、默认设置初始值进行进度的变更 这个demo主要利用了延时加载的效果、也就是说0.1秒后展示结果、因为HTML加载顺序、先加载脚本 样式、再加载body内容、下面先看下程序的运行效果吧 HTML代码 <div class="stepInfo"> <ul> ...

阅读全文

jQuery固定顶部导航效果_使用Skrollr创建视差滚动效果页面
dwtedx JQuery教程 1560 0 2014-11-09 14:52:27

利用jQuery做出做我博客这样的效果其实并不难、也就是说当用户把滚动条下滑到下方的时候、菜单栏会浮动在整个页面的上方、那么今天我就和大家分享一个例子、实现这个功能、当然不是我网站的源代码、是另外一个同样实现了这个功能的例子、效果也非常不错、先来看看整个运行效果吧 就像画面上显示的一样、当用户滑动到下方的时候会浮动在上方、当滑动到最上方的时候两个菜单栏会变高的呢 jQuery代码 <script src=´jquery.js´></script> &l...

阅读全文

DD记账
top
+