May232013
jquery实现模拟新浪微博大厅和腾讯微博首页滚动效果
新浪微博大厅和腾讯微博首页的微博信息一条一条的向下滚动效果是非常漂亮的,给人的感觉是这个网页人气特别旺的那一种,于是闲来无事也就研究了一番。用 jquery 也模拟实现了新浪微博和腾讯微博消息滚动的效果。效果如下图:
具体代码如下:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">...阅读全文
作者:绝缘体.. | 分类:go, MySQL, windows, 操作系统, 数据库, 科技企业, 编程语言, 腾讯 | 阅读: | 标签:go, JS,Jquery, MySQL, windows, 腾讯
抢沙发
May232013
jquery实现随滚动条滚动而加载数据的功能
jquery实现随滚动条滚动而加载数据的功能,目前比较流行的瀑布流就是这种实现形式,具体代码以及使用方法如下:
<html>
<head runat="server">
<title>拉动滚动条加载数据</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var i = 4;$(wi...阅读全文
May232013
May232013
Jquery实现表格隔行变色的效果
表格隔行变色效果是一种非常常见的效果,以前用javascript实现起来感觉还挺复杂的,如今通过jquery只需要一句代码就OK了,真的很强大,下面就来看看具体如何使用jquery实现表格隔行变色的效果吧。
隔行变色效果图如下:
Jquery实现表格隔行变色的效果的具体示例代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...阅读全文
May232013
May232013
使用jquery.lazyload动态延迟加载页面图片的方法
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担。
怎样使用?
Lazy Load 依赖于 jQ...阅读全文
May232013
jquery load ($.load) 事件用法与分析
今天看到 Jquery 学习群里面有网友们问到Jquery Ajax的load用法的问题,这个东东自己也一直没有怎么用过,于是乎研究了一下稍作整理,总结出本篇文章来以帮助记忆。同时也希望可以帮到网友们。
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。
调用load方法...阅读全文
May232013
模板头部片段
个人制作的网站调用标签:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name ="keywords" content="{if $menu_keywords eq ''}{$web_config.W_KW}{else}{$menu_keywords}{/if}">
<meta name="description" content="{if $menu_description eq ''}{$web_config.W_DS}{else}{$menu_description}{/if}">
<meta name="author" co...阅读全文
May232013
May232013
Jquery等待ajax执行完毕再继续执行下面代码的效果
Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true:
$(document).ready(function(){
loadphpernote();
window.open('http://www.phpernote.com');
});
function loadphpernote(){
var url='http://www.phpernote.com/ajax.php';
var data='action=list';
jQuery.ajax({
ty...阅读全文