与我联系

jquery使用ajax时让其可跟踪历史前进和后退demo

2016-3-26 一诺 js+jquery+ajax

写了一个demo使用ajax加载html页面,并且可以跟踪历史前进和后退 index.html <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>Document</title>   <style>     .clearfix:before, .clearfix:after {display: ta...

阅读全文>>

标签: ajax onhashchange

评论(0) 浏览(515)

ajax加载html和里面的js文件

2016-3-26 一诺 js+jquery+ajax

需求背景:     昨天写代码,遇到一个问题,通过ajax异步加载另一个html文件在当前页面显示,发现加载进来的html文件里面引用的js文件无法执行,就像是来了yuejing的少女羞羞哒哒地跟我说不能上她一样,甚是苦恼。放到html文件里面吧,代码太多切不宜维护。遂摆渡了下,给出的解决方案大致以下几种:     1、采用附加一个iframe的方法去执行js(看到iframe就不想试)     2、document.write输出代码(试下好像也无效)     3、js放到父页面(代码...

阅读全文>>

标签: js ajax

评论(0) 浏览(407)

div模拟textarea在光标位置插入数据代码示例

2016-3-12 一诺 js+jquery+ajax

input、textarea在光标位置插入数据示例 textarea在光标位置插入数据示例 插入 $(function() { /* 在textarea处插入文本--Start */ $.fn.extend({ insertContent: function(myValue, t) { var $t = $(this...

阅读全文>>

评论(0) 浏览(491)

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

2016-2-14 一诺 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) 浏览(513)

利用Ajax判断链接是否有效

2015-11-17 一诺 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) 浏览(439)

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

2015-10-20 一诺 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) 浏览(453)

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

2015-10-9 一诺 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 {displ...

阅读全文>>

标签: 置顶

评论(0) 浏览(543)

在移动端拖拽div

2015-8-10 一诺 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) 浏览(596)

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

2015-7-25 一诺 js+jquery+ajax

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

阅读全文>>

标签: 换肤 cookies

评论(0) 浏览(644)

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

2015-6-15 一诺 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) 浏览(559)

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