随笔 - 22  文章 - 467  trackbacks - 0
<2011年3月>
272812345
6789101112
13141516171819
20212223242526
272829303112
3456789

常用链接

留言簿(25)

随笔分类(74)

文章分类(1)

收藏夹(277)

在线工具

在线资料

最新随笔

搜索

  •  

积分与排名

  • 积分 - 216723
  • 排名 - 260

最新评论

阅读排行榜

评论排行榜

 

其实一直都知道可以在BlogJava后台设置中添加页首和页脚部分的html代码来实现访问统计之类的效果,
今天在看JQuery的书的时候突然想到BlogJava是不是允许自己写JavaScript代码呢,于是就试了一下,

折腾了一个中午的成果就是,现在我的博客主页实现了Ajax动态载入文章,
只要点击"阅读全文"的链接,就会直接在当前页面加载文章的全文.

欢迎点击到我的首页去试试效果: http://www.blogjava.net/jayslong/

加在页脚的代码如下:

 1<!-- 直接在首页显示文章 -->
 2<script type="text/javascript">
 3$(document).ready(function(){
 4  $("a:contains('阅读全文')").click(function(e){
 5    e.preventDefault();
 6    $(e.target).hide();
 7    var url = e.target.href;
 8    $(e.target).next().remove();
 9    $(e.target).after("<div>loading</div>");
10    $(e.target).next().after("<div></div>");
11    $(e.target).next().next().hide();
12    $(e.target).next().next().load(url+" .post"function(){
13      $(e.target).next().remove();
14      $(e.target).next().slideDown(5000);
15    }
);
16  }
);
17}
);
18</script>
19<!-- 直接在首页显示文章 (结束) -->

另外还有一个前提是要应用JQuery的包,我随便找了个加载速度挺快的包, 加到页首去了:
<script src="http://tuan.hao123.com/static/public/js/jquery-1.4.2.min.js"></script>

不知道现在才用到这个功能在这里是不是算out了..
欢迎大家分享有意思的可以用在Blogjava上的JS代码哈.

2011-03-28 22:01 编辑:
在第13行代码的前面加了一句
$("div a[href=#Post]").attr("href",url+"#Post");
解决了原来日志页面是相对链接,导致在首页点击回复按钮无效的问题.
另外为今天早些时候页面js代码的失效表示抱歉,昨晚在改的时候睡着了,改了一半导致代码中有错无法执行..
posted on 2011-03-25 15:22 ApolloDeng 阅读(2881) 评论(8)  编辑  收藏 所属分类: 分享Js/JQuery/AjaxWeb

FeedBack:
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-25 17:25 『 Y X 』
果然很自由  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-26 00:28 Unmi
还自由呢,把我的博客关了几次,现在总算搬了出去,真正成了自由的博客了。  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-26 01:05 Aloong
@Unmi
怎么会被关呢?不知道这里有什么限制,方便的话请提醒一下我在这里什么不能做..  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-26 12:11 Unmi
@Aloong
对于你也没什么的,一心一意纯技术就不会有事的。
不过独立博客的好处是不言而喻的,因为域名全由你掌控着,以后想迁别出或想换域名的话,自己重新定向一下就行了,不会丢失原来的流量和访客。
再就是你为 blogjava 提供内容,他在你博客上放广告赚了钱,仿佛是你应该感谢他们似的。  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-26 12:13 Unmi
@Aloong
看我的博客 http://unmi.cc,完全的定制,想干嘛就干嘛,总费用一年也就 160,随便建多少个站点和数据库,还有邮箱功能。  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-28 01:33 Aloong
@Unmi
我昨天确实也发现了一些限制,比如说文章里出现了翻%墙两个字竟然就不能发了.
我标题里说的自由也就是指技术方面的限制少吧,对其他方面的自由是不敢奢望的.
自己独立域名,租外国服务器空间,我在来blogjava之前也是做过,不过因为合租空间的其他站有不良信息导致整台被封我的WP也被连坐了.
后来就安顿在这里,打算这里专心做技术博客而已,别的该说的会去推特说.  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-03-29 13:17 Unmi
@Aloong
没地方吐也不痛快的。  回复  更多评论
  
# re: 分享我在BlogJava博客中加入Ajax动态效果的方法. --BlogJava是我见过国内最自由的BSP了! 2011-12-10 21:34 靴子
博主辛苦了,仔细看了遍,受益匪浅  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: