首页
微语
统计
友链
留言
memos
圈子
图床
推荐
相册
网站监控
VPS监控
Search
1
实现typecho微信时光机功能的图文教程
43,062 阅读
2
为Typecho添加webp解析
42,877 阅读
3
emlog数据成功迁移到typecho
25,694 阅读
4
Memos备忘录,记录瞬间想法
23,709 阅读
5
Jasmine - 简约、美观的博客主题
22,682 阅读
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
排行榜    
登录
/
注册
Search
标签搜索
wordpress
发布
插件
免费
教程
typecho
EMlog
PHP
代码
CSS
华为
图片
代码修改
安装
评论
手机
诺基亚
微信
文章
智能
Chen'mo
累计撰写
1,265
篇文章
累计收到
374
条评论
首页
栏目
手机达人
免费资源
电脑网络
娱乐休闲
网站建设
威言威语
Typecho
Emlog
WordPress
服务器
主题
插件
页面
微语
统计
友链
留言
memos
推荐
相册
网站监控
VPS监控
搜索到
15
篇与
的结果
2013-03-20
EMLOG调用最新文章代码
首先声明,本代码是网友“秦时明月”写的,拿来同大家分享下,1、EMlog本身有最新文章模块的,但是调用时要注意格式,正确的调用格式如下:<?php widget_newlog('');?> 说明:这里有个问题,调用的最新文章数必须从后台--》设置选项中设置,而且由于模块本身有html代码所以使用时只需将代码粘贴在需要显示的位置即可!2、独立最新文章代码分两个步骤进行:分别修改modul.php和需要显示页面,如:log_list.php首先,将如下代码复制在modul.php的最后!<?php //最新文章调用函数 function liangxin_new($num){ $db=MySql::getInstance(); $logs = $db->query("SELECT gid ,title FROM " . DB_PREFIX . "blog WHERE hide='n' and type='blog' ORDER BY date DESC LIMIT 0, $num"); while ($row = $db->fetch_array($logs)){ $row['title'] = htmlspecialchars($row['title']); ?> <li><a href="<?php echo Url::log($row['gid']); ?>" title="<?php echo $row['title']; ?>" ><?php echo $row['title']; ?></a></li> <?php } } ?> 其次,在需要显示最新文章的页面模版,如log_list.php的相应位置添加如下调用代码:<?php liangxin_new(5);?> //小括号内的数字5是表示调用数据的条数,可自行修改! 说明:此处的调用代码是独立的,只能调用到数据,而没有html框架代码,所以自由度更大一些!但是也有其缺点,此代码无法显示置顶文章的效果(如果有置顶文章时不会在此区域显示出来)。如有此需要的请看第3种方法。3、独立最新文章代码(支持置顶功能)也分两个步骤进行:分别修改modul.php和需要显示页面,如:log_list.php首先,将如下代码复制在modul.php的最后!<?php //自己写的最新文章调用函数2 function liangxin_new($num){ $db=MySql::getInstance(); $n = $db->query("SELECT gid ,title FROM " . DB_PREFIX . "blog WHERE hide='n' and type='blog' and top='y' ORDER BY date DESC"); $nums = $db->num_rows($n); while ($rows = $db->fetch_array($n)){ $rows['title'] = htmlspecialchars($rows['title']); ?> <li>[顶]<a href="<?php echo Url::log($rows['gid']); ?>" title="<?php echo $rows['title']; ?>" ><?php echo $rows['title']; ?></a></li> <?php } $log_range = ''; if($nums > 0){ $n2 = $db->query("SELECT gid FROM " . DB_PREFIX . "blog WHERE hide='n' and type='blog' and top='y' ORDER BY date DESC"); while ($rows2 = $db->fetch_array($n2)){ $log_range.= ' gid != '.$rows2['gid'].' and '; } } $log_num = $num - $nums; $logs = $db->query("SELECT gid ,title FROM " . DB_PREFIX . "blog WHERE hide='n' and type='blog' and $log_range gid != 0 ORDER BY date DESC LIMIT 0, $log_num"); while ($row = $db->fetch_array($logs)){ $row['title'] = htmlspecialchars($row['title']); ?> <li><a href="<?php echo Url::log($row['gid']); ?>" title="<?php echo $row['title']; ?>" ><?php echo $row['title']; ?></a></li> <?php } } ?>如果大家觉得上面代码太复杂了,“秦时明月”还提供了优化版的,如下:<?php //自己写的最新文章调用函数2 function my_new2($num){ $db=MySql::getInstance(); $logs = $db->query("SELECT gid, title, top FROM " . DB_PREFIX . "blog WHERE hide='n' and type='blog' ORDER BY top DESC, date DESC LIMIT 0, $num"); while ($row = $db->fetch_array($logs)){ $row['title'] = htmlspecialchars($row['title']); ?> <li><?php if($row['top']=='y'){echo '[顶]';} ?><a href="<?php echo Url::log($row['gid']); ?>" title="<?php echo $row['title']; ?>" ><?php echo $row['title']; ?></a></li> <?php } } ?>如果大家需要对【顶】进行定义样式可以写为{echo '<span class="ding">[顶]</span>';} ?>其次,在需要显示最新文章的页面模版,如log_list.php的相应位置添加如下调用代码:<?php liangxin_new(5);?> //小括号内的数字5是表示调用数据的条数,可自行修改! 说明:使用第2、3种方法有一个局限或者说一个bug:置顶文章数量不要大于这个最新文章显示数量
2013年03月20日
5,987 阅读
0 评论
0 点赞
2013-03-20
emlog添加楼层显示功能
方法一:首先在module.php中找到:<?php //blog:博客评论列表 function blog_comments($comments){作如下更改:<?php //blog:博客评论列表 function blog_comments($comments,$params){然后在“$isGravatar = Option::get('isgravatar');”后添加:$comnum = count($comments); foreach($comments as $value){ if($value['pid'] != 0){ $comnum--; } } $page = isset($params[5])?intval($params[5]):1; $i= $comnum - ($page - 1)*Option::get('comment_pnum');然后在你想要显示楼层的地方写:<?php echo $i; ?>L最后别忘了在把:<?php endforeach; ?>更改为:<?php $i--;endforeach; ?>此时还没有完,因为这样为函数blog_comments()添加了一个参数$params,所以在echo_log.php和page.php文件中调用评论的函数都要相应的做一更改。更改为“<?php blog_comments($comments,$params); ?>”方法二:1。先在module.php的评论列表<div class="comment-info">……</div>里添加以下HTML代码(用于显示楼层号):<span id="comm_id"></span>。CSS样式自己编写。2。然后把子评论中<div class="comment comment-children">改为<div class="comment-children">。如果不改则会将所有的评论(包括子评论)都加上楼层号的。3。将以下代码添加到加载的JS里面。如下:JavaScript代码:var len=$(".comment").length;for(var i=0;i<len;i++){$(".comment").eq(i).find("#comm_id").append((i+1)+"#")}; 解释一下就是:先查询评论的个数,然后循环给每个评论添加楼层号……
2013年03月20日
5,790 阅读
0 评论
0 点赞
2013-03-20
Emlog不修改内核文件实现翻页效果
Emlog 默认的分页函数没有上、下页翻页效果,只是在日志页面有一个上、下篇的函数,如果想自己在页码当中增加翻页效果,就 得对系统的基本函数库文件进行修改。具体的方法很多技术控比如动点创想的胡杨等有专门的文章介绍,这里就不啰嗦了。这里所要讲的,是另外一种方法,就是不用修改系统内核文件,而是直接在自己使用的模板中创建一个有翻页功能的自定义函数,然后在需要使用的地方引用就行了。 下面讲具体的操作步骤。首先要在模板中的 module.php 中先增加自定义的分页函数,例如:<?php //blog:自定义分页函数 function my_page($count, $perlogs, $page, $url, $anchor = '') { $pnums = @ceil($count / $perlogs); $re = ''; $urlHome = preg_replace("|[\?&/][^\./\?&=]*page[=/\-]|", "", $url); if($page > 1) { $i = $page - 1; $re = " <a href=\"".$url.$i."\">pre</a> " . $re; } if($page < $pnums) { $i = $page + 1; $re .= " <a href=\"".$url.$i."\">next</a> "; } return $re; } ?>然后在 log_list.php 中要使用本函数的地方加入以下代码:<?php $page_loglist = my_page($lognum, $index_lognum, $page, $pageurl); echo $page_loglist; ?>若在碎语页中也要使用本函数,则在 t.php 中的相应位置加入以下代码:<?php $page_t = my_page($twnum, Option::get('index_twnum'), $page, BLOG_URL.'t/?page='); echo $page_t; ?> PS:这些代码是从互联网上收集来的,如果你对这些东西感兴趣可以自己DIY一下,看看效果如何。本方法的优势就是不会伤害系统内核,好吧,就说到这里。
2013年03月20日
5,674 阅读
0 评论
0 点赞
2013-03-19
如何让WordPress在不同页面显示不同分类的文章
一、首先创建分类文章页面模板(定义分类页面模板,很重要的一步)复制博客所使用主题下的index.php,更改index.php的文件名,比如beijing.php,为了使分类页面更像首页,所以复制首页的模板来改,在bejing.php的头部加上一段代码,声明bejing.php是一个模板文件。<?php/*Template Name: bejing*/?>二、修改该页面模板上面的页面模板还不能显示某个分类下的文章,必须稍作修改才行,在bejing.php的文件中找到<?php if (have_posts()) : ?>代码,如果你想让分类页面显示分类ID为1的10篇文章,只需要在<?php if (have_posts()) : ?>的前面加上<?php query_posts(’showposts=10&cat=1′); ?>,即可,showposts=10表示显示10篇文章,cat=1表示ID为1的分类,你可以通过修改这两个参数实现显示不同的分类和文章数,(分类ID可在wordpress后台管理-管理分类的分类链接下看到)。如果你不想让分类页面模板显示的跟首页一模一样,可以删除或增加相关代码,比如你不想在分类页面中显示侧边栏,就必须把bejing.php文件当中的<?php get_sidebar(); ?>代码删除。三、上传刚修改好的bejing.php文件到当前博客所使用的主题目录下四、在管理后台创建不同分类文章的页面模板有了,这时就可以创建页面了,在后台“页面”里选择“添加新页面”,标题处写上页面的名称,比如“北京”,永久链接设为bejing,然后在“页面模板”选择刚刚创建的bejing。至此,在不同页面显示不同分类文章的方法已经实现.
2013年03月19日
5,648 阅读
0 评论
0 点赞
2013-03-10
BAE 安装新版Wordpress3.51数据库连接出错解决方法
按之前的我收集的文章http://www.cmsblog.cn/wordpressbae.html 想在BAE上安装新版的3.51,而且是中文版,支持伪静态。 发现老是提示数据库连接出错,要不就是缺少两个表:wp_posts: Table ‘kLfKzJIPqehWBRuakDqG.wp_posts’ doesn’t exist wp_postmeta: Table ‘kLfKzJIPqehWBRuakDqG.wp_postmeta’ doesn’t exist 今天看了freehao123写的文章后,结合它的方法,终于解决了。 方法如下:按之前的步骤,提示错误的时候,直接去PHPMYADMIN里,清空已经生成的所有数据库,下载WordPress MysqL On BAE文件freehao123.rar,用记事本打开将里面的网址换成你的BAE二级域名地址,(搜索duapp.com,改成你的二级域名)再进入PhpMyAdmin点击导入,将Wordpress MysqL On BAE导入进去至此,你已经成功在BAE上安装了Wordpress,不过登录WP后台的用户名是:admin,密码是:123456敢快去修改密码的邮件吧。还有常规设置里的网址。经测试,全成中文了,还支持伪静态。
2013年03月10日
6,044 阅读
0 评论
0 点赞
2013-03-05
Wordpress自判断文章图片或特色图像的调用代码
下面代码将帮助您自动从文章中调用缩略图,在制作主题是相当有用哦!将以下代码贴入主题的function.php文件: //thumbnails add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 200, 140 ,true ); function don_the_thumbnail() { global $post; // 判断该文章是否设置的缩略图,如果有则直接显示 if ( has_post_thumbnail() ) { echo '<a href="'.get_permalink().'">'; the_post_thumbnail(); echo '</a>'; } else { //如果文章没有设置缩略图,则查找文章内是否包含图片 $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ // 如果文章内包含有图片,就用第一张图片做为缩略图 echo '<a href="'.get_permalink().'"><img src="'.$strResult[1][0].'" /></a>'; }else { // 如果文章内没有图片,则用默认的图片。 echo '<a href="'.get_permalink().'"><img src="'.get_bloginfo('template_url').'/img/thumbnail.jpg" /></a>'; } } }
2013年03月05日
5,257 阅读
0 评论
0 点赞
2013-02-26
如何自动添加内容到WordPress日志尾部?
比如说,在每篇日志的后面都加上作者签名(包括作者头像),或者一些类似版权声明之类的东西,其实这些文末信息在许多网站或博客上是常见的事情。我在Smashingmagazine上看到如下面这样的一条小小技巧,原来相当简单。首先,在日志或页面的尾部自动添加信息。将以下这段代码插入到主题functions.php文件中:function sig_to_content($content){ $content .= '<p><img src="'. IMAGES .'/sig.png" alt="Joseph L. Casabona" /></p>'; return $content; } add_filter( "the_content", "sig_to_content" );修改代码中标签<p>和</p>之间的内容即可。其次,如果你希望仅仅在日志尾部添加某些信息的话,你可以将代码改为如下:function sig_to_content($content){ if(is_single()){ $content .= '<p><img src="'. IMAGES .'/sig.png" alt="Joseph L. Casabona" /></p>'; return $content; } } add_filter( "the_content", "sig_to_content" );OK了来源:http://www.sayblog.me/add-automatically-infomation-to-the-foot-of-wordpress-post.html
2013年02月26日
3,375 阅读
0 评论
0 点赞
2013-02-26
WordPress 简易信息统计(代码)
提到 WordPress,许多使用它来搭建的博客或网站都喜欢向用户显示一些网站统计数据,比如日志、评论、分类和用户等各自的总数,意义虽然并不是很大,但毕竟可以让读者/用户对自己的网站概况有一定的了解,因此,从这个角度来看也不是没有必要的。 其实,WordPress 已经内置有以上提及的这些数据统计功能,我们可以登录后台查看,但也仅限于管理员本人才拥有这个权限。而写作本文的初衷是向读者显示这些统计数据的,所以,应该将这些数据摆在前台。 WordPress 有许多实现这种数据统计功能的插件,但如果仅仅想要显示以上这几项的统计数据,似乎并没有必要安装任何的插件,我们可以只使用一段简单的代码就可以实事想要的效果。 下面的这段代码来自Deluxeblogtips,我照抄过来了,为了方便中文用户理解和使用,我将其中的几个英文名称改成了中文。好了,将这段代码添加到当前主题的 functions.php 文件中:function simple_stats() { global $wpdb; $stats = array(); $stats['posts'] = number_format_i18n(wp_count_posts('post')->publish); $stats['pages'] = number_format_i18n(wp_count_posts('page')->publish); $stats['cats'] = number_format_i18n(wp_count_terms('category')); $stats['tags'] = number_format_i18n(wp_count_terms('post_tag')); $stats['comments'] = number_format_i18n(wp_count_comments()->approved); $stats['users'] = $wpdb->get_var("SELECT COUNT(ID) FROM {$wpdb->prefix}users"); echo '<div class="simple-stats">', '<p>日志总数: <b>', $stats['posts'], '</b></p>', '<p>页面总数: <b>', $stats['pages'], '</b></p>', '<p>分类总数: <b>', $stats['cats'], '</b></p>', '<p>标签总数: <b>', $stats['tags'], '</b></p>', '<p>评论总数: <b>', $stats['comments'], '</b></p>', '<p>用户总数: <b>', $stats['users'], '</b></p>', '</div>'; }然后,在你想要显示统计数据的地方插入这条函数(比如 sidebar.php 等文件):<?php simple_stats(); ?>这样也就 OK 了。数据显示的样式默认是不作修饰的,如果你想要外观好看一些,上面代码中有一个 class 类,给其中的 simple-stats 添加一些CSS代码美化一下就可以了,这方面这里就不提了。 原文地址:http://www.sayblog.me/simple-statistics-on-wordpress.html
2013年02月26日
3,585 阅读
0 评论
0 点赞
2013-02-25
Emlog全部调用所有的标签页面源码
类似于zblog的tag 所有的标签都集中到一个页面。<?php /* * tag页面 */ require_once 'init.php'; define('TEMPLATE_PATH', TPLS_PATH.Option::get('nonce_templet').'/');//前台模板路径 $CACHE = Cache::getInstance(); $options_cache = $CACHE->readCache('options'); extract($options_cache); $navibar = unserialize($navibar); $curpage = CURPAGE_HOME; $blogtitle = '标签 - '.$blogname; include View::getView('header'); ?> <div id="infooter"> <?php global $CACHE; $tag_cache = $CACHE->readCache('tags');?> <h2><a href="<?php echo $log_url; ?>"><?php echo $log_title; ?></a></h2> <?php foreach($tag_cache as $value): ?> <span style="font-size:<?php echo $value['fontsize']; ?>pt; line-height:30px;"> <a href="<?php echo Url::tag($value['tagurl']); ?>" title="<?php echo $value['usenum']; ?> 篇日志"><?php echo $value['tagname']; ?></a></span> <?php endforeach; ?> <div style="clear:both;"></div> <!--end content--> </div> <?php include View::getView('footer'); ?> </body> </html>可以直接另存以tags.php文件,后上传于你网站的根目录,直接访问即可。这样就不必每次都去选现成的标签了!来源http://myenvp.com/post-425.html及下载:tags.rar
2013年02月25日
4,993 阅读
0 评论
0 点赞
2013-02-25
用php实现百度网盘直链的代码分享
盗链百度网盘,实现直链下载 我呢希望分享一些网络资源给大家,所以网盘是必须使用的,发现百度网盘的下载地址获取挺简单,就给大家写了个download.php文件,哈哈,纯属装逼,看下载链接时,让人以为是直接从你网站下载的。 使用方法: 首先下载download.php文件,修改里面的QQ号码后上传到网站根目录 下载地址:http://xiblog.sdapp.cn/download.php?shareid=272971&uk=2786508895 然后我们上传资源到百度网盘后,分享链接的格式如下: http://pan.baidu.com/share/link?shareid=272972&uk=2786508895 然后我们每次分享下载地址的时候,只要取shareid=272972&uk=2786508895这段就行了。 然后在前面加上http://你的域名/download.php? 格式就是:http://你的域名/download.php?shareid=272972&uk=2786508895 用php实现百度网盘图片直链的代码分享 做了一个小功能,准备放在博客里分享图片。 看代码吧!代码存为bdp.php .代码如下: <?php require_once(‘snoopy.class.php’); //http://www.abc.com/bdp.php?shareid=29160&uk=2855065916 $url = ‘http://pan.baidu.com/share/link?shareid=’ . $_GET['shareid'] . ‘&uk=’ . $_GET['uk']; $snoopy = new Snoopy(); $snoopy -> read_timeout = 0; $snoopy -> fetch($url); $n = $snoopy -> results; $regex = ‘/(_.src=”)(.+)(“;)/’; $match = ”; preg_match($regex, $n, $match); if(preg_match(‘/.gif/’, $match[2])){ header(“Content-type: image/gif”); imagegif(imagecreatefromgif($match[2])); }elseif(preg_match(‘/.jpg/’, $match[2])){ header(“Content-type: image/jpeg”); imagejpeg(imagecreatefromjpeg($match[2])); }elseif(preg_match(‘/.png/’, $match[2])){ header(“Content-type: image/png”); imagepng(imagecreatefrompng($match[2])); }elseif(preg_match(‘/.wbmp/’, $match[2])){ header(“Content-type: image/vnd.wap.wbmp”); imagewbmp(imagecreatefromwbmp($match[2])); }else{} ?> 是一个php类,用来模仿web浏览器的功能,它能完成获取网页内容和发送表单的任务。这个文件可以百度一下。以上文件需要一个支持PHP的空间。百度网盘上传图片并发布分享,取得分享地址后的 shareid=29160&uk=2855065916 参数。 使用 http://你的域名/bdp.php?shareid=29160&uk=2855065916 得到图片,这个地址可以放在CKEditor图像地址中使用。其它编辑器应该也可以。 网页中直接 <img src=’http://你的域名/bdp.php?shareid=29160&uk=2855065916′ /> 使用
2013年02月25日
3,904 阅读
0 评论
0 点赞
2013-02-23
在wordpress中实现内容回复可见代码
回复可见大家都比较熟悉,DZ很多帖子都设置了内容回复可见,尤其是主题发布,用这种方法骗回复其实还是可以的。WP中也是可以实现的,原理就是用cookies,短代码的形式。直接把下面的代码扔到function.php里就OK乐。当然,你也可以加个小小的样式,样式我就不写了。。function reply_to_read($atts,$content=null){ extract(shortcode_atts(array("notice"=>'<span>此处内容需要 <a href="'. get_permalink().'#respond" title="评论本文">评论本文</a>后 <a href="javascript:window.location.reload();" title="刷新">刷新本页</a>才能查看.</span>'),$atts)); $email=null; $user_ID=(int)wp_get_current_user()->ID; if($user_ID>0){ $email = get_userdata($user_ID)->user_email; }else if(isset($_COOKIE['comment_author_email_'.COOKIEHASH])){ $email=str_replace('%40','@',$_COOKIE['comment_author_email_'.COOKIEHASH]); }else{ return $notice; } if(empty($email)){ return $notice; } global $wpdb; $post_id=get_the_ID(); $query="SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1"; if($wpdb->get_results($query)){ return $content; }else{ return $notice; } } add_shortcode('reply', 'reply_to_read');使用就非常简单了,直接[reply]你要隐藏的内容[/reply]来源:http://ceezi.com/archives/1001.html
2013年02月23日
3,924 阅读
0 评论
0 点赞
2013-02-18
给网站添加 大中小字体设置
给文章添加大中小字体设置和打印功能,有利于提高网站的用户体验,倡萌最近在完成一个单子的过程中,偶然看到了实现方法,今天就一起来看看如何添加吧.添加大中小字体设置1.在</head>前添加下面的js代码//设置字体大小 <script type="text/javascript"> function SetFont(size) { var divBody = document.getElementById("article_content"); if(!divBody) { return; } divBody.style.fontSize = size + "px"; var divChildBody = divBody.childNodes; for(var i = 0; i < divChildBody.length; i++) { if (divChildBody[i].nodeType==1) { divChildBody[i].style.fontSize = size + "px"; } } } </script> 2.注意代码中的“article_content”是指文章内容所在的ID,article_content请根据你自己主题的实际修改。3.在文章页面模板要显示设置的地方(比如WordPress主题的single.php文件),添加下面的代码.<a href="javascript:SetFont(18)">大</a> <a href="javascript:SetFont(16)">中</a> <a href="javascript:SetFont(14)">小</a>SetFont( )中的数字就是字体的大小,请根据自己需要修改。到这里,功能已经实现,剩下的就是通过css来设置 大中小 这三个字的显示方式了。来源:: http://www.cmhello.com/setfont-and-print.html
2013年02月18日
3,892 阅读
0 评论
0 点赞
2013-02-08
前台:分页JQ无刷新加载分页内容
这个可以无限下拉显示内容了,不用分页了。不完整列表页代码<haed> ……省略 <script src="<{$home}>/js/jquery.min.js"></script> ……省略 </head> <body> ……省略 <div id="page"> <div class="list_article"> ……列表内容省略 <div> <div class="pages"> <{if $total gte $v_pagesize}> <div class="pages"><{getpaging nohtml=1 page=$page template="<a href='[page]'>[page]</a> " currenttemplate="<span class='current'>[page]</span> " previoustemplate="<a href='[page]'>上一页</a> " noprevioustemplate="" nexttemplate="<a href='[page]' class='next'>下一页</a> " nonexttemplate="" paging="[previous][paging][next]" }> </div> <{/if}> </div> </div> </div> <script type="text/javascript" src="<{$home}>/js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> jQuery(function($) { $("#page").infinitescroll( { loading: { finishedMsg: "<em>后面没有啦Orz</em>", img: "<{$home}>/img/ajax-loader.gif", msg: null, msgText: "<em>正在努力加载中...</em>", speed: 'fast' }, //加载的时候显示的信息和图片 state: {currPage: 1}, pathParse: false, debug : false, //关闭启用调试信息 behavior : "", preload : true, nextSelector : "div.pages a.next", //包含下一页链接的选择器 navSelector : "div.pages", //导航的选择器,会被隐藏 dataType : 'html', appendCallback : true, extraScrollPx : 200, //滚动条距离底部多少像素的时候开始加载,默认150 itemSelector : "div.list_article", //你将要取回的选项(内容块) animate : true, //当有新数据加载进来的时候,页面是否有动画效果,默认没有 bufferPx : 40, //载入信息的显示时间,时间越大,载入信息显示时间越短 errorCallback : function(){} //当出错的时候,比如404页面的时候执行的函数 }, function(newElements){ //定义加载完后之前数据变化 // $(newElements).css('background-color','#ffef00'); // $(this).prepend(newElements); // //END OF PREPENDING window.console && console.log('context: ',this); window.console && console.log('returned: ', newElements); }); }); </script> ……省略 </body>DEMO:http://www.iaeweb.com/apps/ 需要用到的文件 1.http://www.iaeweb.com/js/jquery.min.js2.http://www.iaeweb.com/js/jquery.infinitescroll.min.js3
2013年02月08日
4,149 阅读
0 评论
0 点赞
2013-02-08
前台JQ:右列部分内容浮动跟随滚动
就是好多网站往下拉 而右边的侧边栏却不动,可提高广告的展现率。<head></head>之间加入<style> .sidebar {position:relative;}/*此属性必须*/ .div1{} .div2{position:fixed;_position:absolute;top:0px;z-index:300;}/*此属性必须*/ </style> <script src="/js/jquery.min.js"></script><body></body>之间构造<!--▼右侧容器--> <div class="sidebar"> ……省略内容 注意此处的一定定义高度 <!--▼生效区域--> <div id="float" class="div1"> 此处放需要跟随滚动的内容比如广告 </div> <!--▲生效区域--> ……省略内容 </div> <!--▲右侧容器--> <script src="/js/left.ad.js" type="text/javascript"></script>需要的文件 1.http://www.iaeweb.com/js/jquery.min.js 2.http://www.iaeweb.com/js/left.ad.js
2013年02月08日
3,712 阅读
0 评论
0 点赞
2013-02-08
前台JQ:文章列表滚动效果(仿微博即时更新效果)
<head></head>之间加入<style> /*列表滚动*/ .roll { overflow:hidden; height:273px;}/*定义生效容器高度每条高度的整数倍*/ .popular_list{} /*定义列表页容器样式*/ .popular_list .article {height:91px;overflow:hidden;} /*定义单条容器样式 */ </style> <script src="/js/jquery.min.js"></script><body></body>之间的构造<!--▼生效区域--> <div class="roll"> <!--▼列表容器--> <div class="popular_list"> <div class="article"><!--此处单条文章内容--></div> <!--循环省略……--> </div> <!--▲列表容器--> </div> <!--▲生效区域--> <!--▼JS代码--> <script type="text/javascript"> $(function(){ var timer = null; if(!null){ timer = window.setInterval(rolling,3000); } function rolling(){ var roll= $(".popular_list");//指定列表页容器 var liHeight = roll.find("div.article:first").height()+11; $(this).find("div.article:first").hide(); $(this).css({marginTop:0}); $(this).find("div.article:first").fadeIn(1000); }) } $(".popular_list div.article").hover(function(){ clearInterval(timer); },function(){ timer = window.setInterval(rolling,3000); }) }) </script> <!--▲JS代码-->需要的文件 http://www.iaeweb.com/js/jquery.min.js PS: 这个效果可以运用到最新消息和最新评论之类的 让人感觉此站即时性高 其实就是那回事 这个效果让有限的版面提供更多的内容 应该对SEO有好处 和滑动门功效一样来源:http://bbs.akcms.com/forum.php?mod=viewthread&tid=4056&extra=page%3D2
2013年02月08日
3,518 阅读
0 评论
0 点赞