jQuery 源代码显示控件 (Ajax加载方式).
直接引用远程文件就可以显示源文件,确实解决了资源。
在线演示:http://img.jb51.net/online/jquery_codeview/jquery_code.htm
打包下载:http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar
相关推荐
-
利用JQuery的load函数动态加载其它页面的内容的实现代码
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>JQuery - Load</title> <link rel="stylesheet" media="al
-
基于JQuery实现滚动到页面底端时自动加载更多信息
关键代码: 复制代码 代码如下: var stop=true; $(window).scroll(function(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if($(document).height() <= totalheight){ if(stop==true){ stop=false;
-
jQuery常用的4种加载方式分析 原创
本文实例分析了jQuery常用的4种加载方式.分享给大家供大家参考,具体如下: 1. 页面加载之前执行,与嵌入的js加载方式一样: (function($){})(jquery) 示例: (function($){ alert('Hello jb51'); })(jquery); 2. 页面加载后执行: $(document).ready(function(){}) 示例: $(document).ready(function(){ alert('Hello jb51'); }); 3. 页面加
-
基于jQuery实现模拟页面加载进度条
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示. 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 复制代码 代码如下: .loading{position:relative;top:0;left:0} .tip1{float:left;background:#A7
-
Jquery实现页面加载时弹出对话框代码
复制代码 代码如下: <script type="text/javascript" src="jquery-1.4.2.js"></script> //下载 <script type="text/javascript"> $(document).ready(function(){ alert("您好,欢迎来到Jquery!"); }) </script> 将以上代码置于head标
-
jquery 页面滚动到底部自动加载插件集合
很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容.下面为你推荐 10 个 jQuery 的无限滚动的插件: 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件. 2. jQuery Screw Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件. 3
-
jQuery实现页面滚动时动态加载内容的方法
本文实例讲述了jQuery实现页面滚动时动态加载内容的方法.分享给大家供大家参考.具体分析如下: 很多网站,比如twitter,京东商城首页,会在页面滚动到一定的位置时才动态加载页面内容,这样可以加快页面打开的速度,也可以节约带宽,下面的JS代码就可以帮你做到. var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).hei
-
jQuery Div中加载其他页面的实现代码
经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享. 第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是DIV. 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function() { loadPage("doc_view", "<?php echo $this->doc_view_url . '/flag/1';
-
用jQuery模拟页面加载进度条的实现代码
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示. 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 复制代码 代码如下: *{margin:0;padding:0;font-size:12px} .loading{position:relative;top:0;le
-
解决用jquery load加载页面到div时,不执行页面js的问题
jquery代码: 复制代码 代码如下: $(function(){$("#test").load("${contextPath}/notepad/toCreate.do");} 加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行 这种方式没办法实现,换个思路: 复制代码 代码如下: <div id="test"> <i
-
jquery加载页面的方法(页面加载完成就执行)
1.$(function(){ $("#a").click(function(){ //adding your code here }); }); 2.$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 3.window.onload = function(){ $("#a").click(function(){ //add
-
jquery实现ajax加载超时提示的方法
本文实例讲述了jquery实现ajax加载超时提示的方法.分享给大家供大家参考,具体如下: index.php <!doctype html> <html> <head> <meta charset="utf-8"/> <title>加载超时</title> <script type="text/javascript" src="http://lib.sinaapp.com/js
-
jQuery页面加载初始化常用的三种方法
当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区 别,看个人喜好了,第二种感觉比较简单明了: 第一种: 复制代码 代码如下: <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 复制代码 代码如下: <script type="text/javascript">
随机推荐
- ui-router中使用ocLazyLoad和resolve的具体方法
- oracle 存储过程加密的方法
- 在ASP.NET 2.0中操作数据之七十:配置数据库连接和命令等级设置
- DHTML 中的绝对定位
- C语言怎么获得进程的PE文件信息
- 简单的php缓存类分享 php缓存机制
- linux下通过命令行获取gmail的新邮件
- PowerShell批量修改AD用户密码属性的代码
- Nginx上配置Basic Authorization登录认服务证的教程
- sql server2012附加数据库问题解决方法
- jQuery中验证表单提交方式及序列化表单内容的实现
- JS遍历ul下的li点击弹出li的索引的实现方法
- 提高百度的收录质量的注意事项
- java 使用简单的demo实例告诉你优化算法的强大
- Android Selector和Shape的使用方法
- js常用DOM方法详解
- 浅谈Android系统的基本体系结构与内存管理优化
- android利用xml实现分割线
- Android仿优酷圆形菜单学习笔记分享
- jvm类加载器基础解析