js,jquery分别实现各种拖拽

2015-5-13 Jon js+jquery+ajax

js实现简单拖拽 jquery实现简单拖拽 div{width: 100px;height:100px;background: red;cursor:pointer;position: absolute;color:#fff;padding:10px;} } 我是一个可拖拽的div,jquery实现的 $(function(){ $('div').mousedown(function(e){ ...

阅读全文>>

标签: js拖拽 jquery拖拽 拖拽

评论(0) 浏览(1531)

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

2015-5-13 Jon 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) 浏览(1752)

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

2015-5-13 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(1526)

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

2015-5-13 Jon js+jquery+ajax

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

阅读全文>>

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

评论(0) 浏览(1338)

纯js实现多个可在页面运行代码实例?

2015-5-12 Jon js+jquery+ajax

纯js实现多个可在页面运行代码实例 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>纯js实现多个可在页面运行代码实例</title> </head> <body>   <div class='text-code'>     <textarea class="code-vessel" name="t...

阅读全文>>

标签: js js页面运行代码 js新窗口运行代码

评论(0) 浏览(1328)

js兼容性及技巧总结

2015-4-14 Jon js+jquery+ajax

一、js兼容性 1,js事件绑定  ie8及以下使用   attachEvent(事件名, 函数)   例子:     oBtn.attachEvent('onclick', function (){       alert('a');     });     oBtn.attachEvent('onclick', function (){       alert('b');   &n...

阅读全文>>

标签: js兼容技巧

评论(0) 浏览(1453)

正则表达式大总结

2015-3-22 Jon js+jquery+ajax

*一、正则的使用:     // 规则          变量          模式      标志     var expression = / pattern / flags ;     var pattern3 = /\.at/gi;//点表示任意一个字符     var pattern2 = new RegExp("[bc]at", "i");   &nb...

阅读全文>>

标签: 正则

评论(0) 浏览(1379)

js表单验证简单实例

2015-3-20 Jon js+jquery+ajax

用户登录格式的表单验证 简洁用户登录 #Form{ margin:0 auto; width: 500px; } #Form input[type=text],#Form input[type=password]{ width: 150px; height: 20px; } .operation{ text-al...

阅读全文>>

标签: 表单验证

评论(0) 浏览(1531)

皖ICP备15010162号-1 ©2015-2020 知向前端
qq:1614245331 邮箱:13515678147@163.com Powered by emlog sitemap