与我联系

js监听文本内容改变事件最佳实践oninput和onpropertychange

2015-6-4 一诺 js+jquery+ajax

今天看到一个面试题,大致是使用js实时监听一个文本框变化事件 简单想了下,实现方式有很多种,但有些存在弊端,在这里总结下     onchange事件:内容改变并失焦是触发(脚本触发无效)     onblur:只要失焦就会触发     onfocus:事件在对象获得焦点时发生 而下面事件在处理复制、粘贴、拖拽、长按键(按住键盘不放)等细节上并不完善。     onkeyup 事件会在键盘按键被松开时发生     onkeydown 事件会在用户按下一个键盘按键时发生  ...

阅读全文>>

标签: js

评论(0) 浏览(422)

高效率jquery代码写法及jquery方法大总结

2015-5-20 一诺 js+jquery+ajax

一、高效率jquery代码写法 // 条件加载Jquery,如果CDN没有下载到Jquery,则从本地读取。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script>window.jQuery || document.write('<script src="/public/js/jquery.js"><\/script>')</script> // Jquery和$的关系 window.jQu...

阅读全文>>

标签: jquery

评论(0) 浏览(297)

使用原生js实现淡入淡出效果实例

2015-5-15 一诺 js+jquery+ajax

淡入淡出效果,一般使用jquery很方便实现实现,如下 使用jquery实现淡入淡出 body {padding:10px 200px;color:#777; background:#222} button {border:1px solid #eee; background:#ccc;border-radius:3px;width:145px;color:#555;line-height: 25px;cursor: pointer;} butto...

阅读全文>>

标签: js淡入淡出

评论(0) 浏览(281)

jquery实现防止数据泛滥加载的常用选项卡

2015-5-14 一诺 js+jquery+ajax

jquery实现防止数据泛滥加载的常用选项卡 <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>jquery实现防止数据泛滥加载的常用选项卡</title>     <style>     body {         padding: 50px 200px;  ...

阅读全文>>

标签: 常用选项卡

评论(0) 浏览(342)

使用js或jquery实现常用选项卡

2015-5-14 一诺 js+jquery+ajax

使用js实现简单选项卡 使用js实现简单选项卡 body { padding: 30px 200px; color: #323200; background: #669999; line-height: 30px; } p { padding: 6px; transition...

阅读全文>>

标签: js选项卡 jquery选项卡

评论(0) 浏览(254)

jquery实现各种常用下拉菜单

2015-5-13 一诺 js+jquery+ajax

jquery实现简单下拉菜单 简单下拉菜单 *{margin:0;padding:0;} body{padding:30px 200px;background: #666699;line-height: 32px;color:#330000;} ul,li{list-style: none;} .hide{background: #ddd;border:1px solid #bbb;display: none;float:left;} li{border:...

阅读全文>>

标签: jquery下拉菜单

评论(3) 浏览(281)

js,jquery分别实现各种拖拽

2015-5-13 一诺 js+jquery+ajax

js实现简单拖拽 js实现简单拖拽 #div{width: 100px;height:100px;background: red;position: absolute;cursor:pointer;padding:10px;color:#fff;} 我是一个div,你可以拖着我动 window.onload=function(){ var oDiv=document.getElementById('div'); ...

阅读全文>>

标签: js拖拽 jquery拖拽 拖拽

评论(0) 浏览(627)

js实现页面打字机,动态显示文字

2015-5-13 一诺 js+jquery+ajax

最简洁的js简单打印机效果代码 最简洁的js简单打印机效果代码 window.onload=function(){ var dazi=document.getElementById('dazi'); var msg="昨夜星辰昨夜风,画楼西畔桂堂东。身无彩凤双飞翼,心有灵犀一点通。"; var len=msg.length; var seq=0; var speed=200; ...

阅读全文>>

标签: js打字机 js动态显示文字

评论(0) 浏览(585)

jquery实现下拉菜单和选项卡相结合的效果

2015-5-13 一诺 js+jquery+ajax

jquery实现下拉菜单和选项卡相结合的效果 jquery实现下拉菜单和选项卡相结合的效果 * { margin: 0; padding: 0; } body { padding: 30px 200px; background: #666699; line-height: 32px; color: #330000; } ...

阅读全文>>

标签: jquery下拉菜单和选项可结合

评论(16) 浏览(409)

使用jquery实现错落有致的页面瀑布流效果

2015-5-13 一诺 js+jquery+ajax

使用jquery实现页面瀑布流效果 使用jquery实现页面瀑布流效果 *{padding:0;margin:0;} .wrap{width: 1040px;margin:0 auto;position: relative;} .wrap .txt{position: absolute;} ...

阅读全文>>

标签: jquery实现页面瀑布流 网页瀑布流

评论(0) 浏览(303)

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog