随笔分类 - Javascript效果实例
摘要：在web开发中，我们有时会需要动态监听输入框值的变化，当使用onkeydown、onkeypress、onkeyup作为监听事件时，会发现一些复制粘贴等操作用不了，同时，在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案：HTML5标准事件oninput、onchange和IE专属的事件
阅读全文
摘要：1、 HTML代码为： JS代码为： 其中index可以获取一个页面相同的属性出来，并有数量 本地效果为：desk/plug/hover/hover_one.html 线上效果为：http://www.yuchats.com/
阅读全文
摘要：http://www.51xuediannao.com/qqkefu/ http://www.lanrenzhijia.com/service/2811.html 网页右侧悬浮简洁版qq在线客服代码（支持返回网
阅读全文
摘要：图为： HTML代码为： JS插件为： 本地效果为：desk/plug/inputEmail/demo.html 线上效果为：http://www.jq22.com/jquery-info4397
阅读全文
摘要：下面谈谈html中插入音频文件，经过我的本地测试总结的一些问题(播放mp3文件)： 3、<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="AutoStart" value="1" /> <param
阅读全文
摘要：第一种方法：如图 HTML代码为： <div class="thread_mess" id="thread_imgid" data-tid="67902"> <div class="message">发动最后一次的宣传,看看是否连接可以点击了 ,如果不行,找我,如果行,就不要找我了!http://w
阅读全文
摘要：参数说明：'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' ...
阅读全文
摘要：效果图为：从图一变为图二图二为：其中加载了jquery.artZoom.js这个插件；JS代码为：jQuery(function ($) { $('.artZoom').artZoom({ path: './images', // 设置artZoom图片文件夹路径 preload: t...
阅读全文
摘要：效果图为文件下载为：baiduyunguanjia-javascript实例-20151022-基于jQuery+JSON的省市联动效果网址为：http://www.helloweba.com/view-blog-188.html
阅读全文
摘要：如图效果为：HTML代码为： CSS代码为：#banner{ width: 95%; max-width: 100%; position: relative; margin: 0 auto; cursor: pointer; min-height...
阅读全文
摘要：我们在浏览图片量非常大的页面时，像淘宝商城商品展示、必应图片搜索这类网站，图片的加载非常流畅，其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件，当我们打开页面时，首先在屏幕可视区域加载完图片，随着向下滚动页面，图片会陆续加载，从而提升了页面打开速度。Lazyload是一款基于jQu...
阅读全文
摘要：第一种方式：左侧浮动垂直多级导航菜单http://www.xwcms.net/webAnnexImages/fileAnnex/201506/39499/index.html
阅读全文
摘要：第一方式： 使用Javascript Scroll函数返回顶部 scrooll函数用来控制滚动条的位置，有两种很简单的实现方式： 方式1： <a href="javascript:scroll(0,0)">返回顶部</a> 也可以 onclick="window.scrollTo('0','0')"
阅读全文
摘要：第一种方式：404倒计时跳转 HTML结构： JS代码为： 参考页面有：http://mvc.chenhua.cc/index.php/error/show 第二种方式：5秒倒计时跳转首页 HTML代码为： CSS代码为： JS代码为： 本地效果查看：desk/topic/5u_yuanchuang
阅读全文
摘要：第一种方式：切换最简单的方法为： HTML代码为： Js代码为： 第二种方式： 这个效果是一个鼠标悬浮出现列表切换的效果： HTML结构为： JS代码为： 文件分享下载如下：baiduyunguanjia-javascript实例-20141120-鼠标点击列表切换效果 第三种方式： 这个效果是多个
阅读全文
摘要：第一种效果：HTML结构： 作者热文 ... 1 张呈栋造乌龙 友谊赛中国3-0成功复仇 ...
阅读全文
摘要：腾讯新闻多图jQuery相册代码，带左右切换箭头，带缩略图，可左右切换，点击缩略图展示原图。要是快速查看效果有:http://ent.qq.com/a/20141110/000868.htm?pgv_ref=aio2012&ptlang=2052#p=1图片效果为：HTML结构为： ...
阅读全文
摘要：案例一、如图示例如图可以看到，当点击右边叉叉不在提示时候，在火狐浏览器中可以看到cookie写入了如图中所示，当再刷新浏览器的时候，这个APP下载提示不会在显示出来，过段时间，当打开这个页面的时候再会出现这个APP下载提示；HTML结构： ...
阅读全文
摘要：第一种方式：jQuery设置时间秒倒计时代码 本地文件：http://svn.chenhua.cc/desk/plug/time/time_ms.html 线上文件：http://www.17sucai.com/pins/30357.html 带毫秒计时代码：http://www.17sucai.c
阅读全文
摘要：如图:这个效果就是跟淘宝一样类似的，不过这个是要用到jquery1.7版本的，是一个不错的效果！文件下载分享网址：http://yunpan.cn/QD67mrHiy7Gz7第二个实例：如图：从三张图片可以看出，这个是效仿淘宝分类导航的效果，当滚动条滚动到100像素后开始折叠，当鼠标移到二级栏目的时候还出现三级栏目，这个是一个不错的左侧分类导航插件!其中，这个页面也用到了Jquery1.7的版本，页面分享下载网址：http://yunpan.cn/QDk7cdcXhYQHW
阅读全文
