使用jQuery开发一个响应式超酷整合RSS信息阅读杂志.docVIP

使用jQuery开发一个响应式超酷整合RSS信息阅读杂志 　　如果大家喜欢阅读博客文章的话，可能都会使用RSS阅读器，今天这里我们将使用jQuery来开发一个响应式的RSS信息阅读应用，使用它你可以将你喜欢的RSS文章以聚合的方式显示在同一个页面，类似一本在线的杂志或者刊物，你也可以自定义配置用来设定需要访问的RSS源，希望大家喜欢！ 　　使用的js类库和jQuery插件： 　　1.jQuery 　　2.jQuery cookie 　　3.jQuery socialist 　　4.jQuery feed 　　5.Cufon 　　6.jquery placeholder 　　7.moment.js 　　HTML代码 　　HTML代码非常简单，由显示内容，RSS设置窗口及其遮盖层组成 　　生成RSS阅读信息内容的html代码如下： 　　div id=title 　　h1 style=padding:10px;font-size:50px;gbin1 rss feed magazine/h1 　　div id=configa id=setting href=#/a/div 　　/div 　　div id=content/div 　　生成RSS配置弹出窗口及其遮盖层html代码如下： 　　div id=modelwrapper/div 　　div id=model 　　h2add new feed/h2 　　div 　　RSS url: input id=rssvaluetype=text placeholder=eg. /GBin1 /input type=button value=save id=saverss/input type=button value=+ id=addrss/ 　　/div 　　ul id=rsslist 　　/ul 　　/div 　　Javascript代码 　　从Cookie中取得当前的RSS内容，这里使用sociallist插件来取得RSS信息内容，并且使用cufon来美化字体： 　　$（document）。ready（function （） { 　　$（#setting）。animate（{opacity:0.4}）。animate（{opacity:1}） 　　Cufon.replace（body）。CSS.ready（function（） { 　　if （cookie.enabled（）） { 　　} else { 　　alert（you need to enable the cookie, thanks!）； 　　} 　　var rsslinks = cookie.get（gbin1-rsslinks）； 　　if（rsslinks==null）{ 　　cookie.set（gbin1-rsslinks, /GBin1）； 　　rsslinks = /GBin1; 　　} 　　var rsslinklist = rsslinks.split（|）； 　　var rsslistarray = new Array（）； 　　for（a=0;arsslinklist.length;a++）{ 　　if（rsslinklist[a].trim（）！==）{ 　　rsslistarray.push（{name:rss, id:rsslinklist[a]}）； 　　} 　　} 　　$（#content）。socialist（{ 　　networks: rsslistarray, 　　isotope:true, 　　random:false, 　　textLength: 800, 　　theme: none, 　　maxResults: 50, 　　fields:[source,heading,text,date,image,followers,likes] 　　}）； 　　}）； 　　}）； 　　======分页标记====== 　　下面代码控制弹出的RSS配置对话框，并且保存RSS到用户当前浏览器的cookie中： 　　$（function（）{ 　　$（#config）。on（click, function（）{ 　　console.log（config）； 　　var model = $（#model）； 　　var w = $（window）。width（）； 　　var h = $（window）。height（）； 　　var