jQuery放大镜插件_仿淘宝图片放大浏览效果
dwtedx JQuery教程 1370 1 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度全景旋转展示
dwtedx JQuery教程 1668 0 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个表情插件_网页表情选择组件例子
dwtedx JQuery教程 4399 5 2015-06-12 13:39:20

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

阅读全文

jQuery移动端网页秒表闹钟计时器源代码下载
dwtedx JQuery教程 1195 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手机移动端日期时间选择控件
dwtedx JQuery教程 3940 0 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颜色选择器
dwtedx JQuery教程 894 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教程 5299 7 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教程 33360 93 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教程 1114 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教程 3611 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教程 1073 0 2015-01-28 14:31:52

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

阅读全文

jquery设置radio选中_获取radio选中的值_判断radio是否选中
dwtedx JQuery教程 35868 16 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教程 2912 0 2015-01-23 13:22:45

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

阅读全文

DD记账
top
+