js和jquery常用3D标签云代码实例总结

2016-2-14 Jon js+jquery+ajax

js常用3D标签云1 js常用3D标签云1 body{ font-family:"微软雅黑", Arial, sans-serif;} #main{border:none; background:none;} body,ul,li,h1,h2,h3,p,form{margin:0;padding:0;}body{background:#fbfbfb;color:#444;font-size:14px;} a{color:#444;text-decoration:none;}a:hover{color:red;} ...

阅读全文>>

标签: 标签云

评论(0) 浏览(2811)

利用Ajax判断链接是否有效

2015-11-17 Jon js+jquery+ajax

利用Ajax判断链接是否有效 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>利用Ajax判断链接是否有效</title> </head> <body>     <a href="1.html">link1</a>     <script src="http://libs....

阅读全文>>

标签: ajax

评论(0) 浏览(1287)

ajax实现滚动条到底部后异步访问json获取数据

2015-10-20 Jon js+jquery+ajax

当滚动条滚动的底部的时候通过ajax异步获取json数据demo实例 index.html文件 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>ajax下拉获取数据</title>   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable...

阅读全文>>

标签: ajax json

评论(0) 浏览(1231)

页面滚动时导航一直停留在顶部demo

2015-10-9 Jon js+jquery+ajax

页面滚动时导航一直停留在顶部demo 页面滚动时导航一直停留在顶部 *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;} .clearfix:before, .clearfix:after {dis...

阅读全文>>

标签: 置顶

评论(0) 浏览(1558)

在移动端拖拽div

2015-8-10 Jon js+jquery+ajax

找了1天的东西,终于找到了,可以在移动端进行跟随手指移动的div实例 <!doctype html> <html> <head>     <meta charset='utf-8' />     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">     <title>手机拖拽</title> <...

阅读全文>>

标签: 移动端拖拽

评论(0) 浏览(1593)

使用jquery给网页换肤,cookies缓存

2015-7-25 Jon js+jquery+ajax

使用jquery给网页换肤 昨天做项目的时候有个论坛需要给页面换肤和改变文章字体大小的功能,找了类型的论坛,扒下来后发现竟然有四个js都需要引入,想了想,还是自己写个吧,写好后发现,比想象中容易点,下面附上源码 使用jquery给网页换肤,cookies进行缓存 *{padding:0;margin:0;} body{font-size: 14px;padding:50px 300px;font-family: '微软雅黑'} .style-out{position:...

阅读全文>>

标签: 换肤 cookies

评论(0) 浏览(993)

jquery层级选项卡-平凡的世界

2015-6-15 Jon js+jquery+ajax

之前写过js和jquery选项卡的实例,jquery实现防止数据泛滥加载的常用选项卡 现在写的这个是层级的选项卡,按照这个结构嵌套下去可以实现无限极选项卡,只须写html和css即可 废话不多说,直接上代码 jquery实现层级选项卡-平凡的世界 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-bo...

阅读全文>>

标签: jquery选项卡

评论(0) 浏览(1380)

使用js给数组去重的4种常用方法

2015-6-14 Jon js+jquery+ajax

        之前我在博客园发表过一篇使用js给数组去重的3种常用方法,今早起来无事便又写出一种数组去重的方法,其实也是新瓶装旧酒,在这里再总结下吧! 首先还是定义一个数组,以供下面四种方法调用 var arr=['js','js','js','html','js','java','html5','c#','c#','css','html','js']; 1,方法一:简单易理解 Array.prototyp...

阅读全文>>

标签: 数组

评论(0) 浏览(1278)

js数据类型判断的几种方法总结

2015-6-9 Jon js+jquery+ajax

js数据类型判断的几种方法总结   首先定义一组变量: var a = "zifuchuan",     b = 100,     c = true,     d,     e = [1,2,3],     f = new Date(),     g = function(){alert(1)},     h = {},     i = null; ...

阅读全文>>

评论(0) 浏览(1298)

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

2015-6-4 Jon js+jquery+ajax

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

阅读全文>>

标签: js

评论(0) 浏览(2851)

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

2015-5-20 Jon 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) 浏览(1459)

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

2015-5-15 Jon 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;} but...

阅读全文>>

标签: js淡入淡出

评论(0) 浏览(1455)

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

2015-5-14 Jon js+jquery+ajax

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

阅读全文>>

标签: 常用选项卡

评论(0) 浏览(1308)

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

2015-5-14 Jon js+jquery+ajax

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

阅读全文>>

标签: js选项卡 jquery选项卡

评论(0) 浏览(1171)

jquery实现各种常用下拉菜单

2015-5-13 Jon 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{borde...

阅读全文>>

标签: jquery下拉菜单

评论(0) 浏览(1743)

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