欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 其它代码

小说网站控制字体大小颜色的JQuery代码

所属栏目:其它代码更新时间:2014-04-20原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


  因为工作需要,小说网站内容页都会有改变背景颜色、字体颜色和字体大小等选项,所以昨天花时间研究了一下。无意间发现jQuery还有cookie这个插件,我一开始以为jQuery自带这个属性,和Ajax差不多。所以就简单的学习了下这款插件的用法,简单的模仿出一个demo,功能都有了,到时候小小修改就可以上战场了。jQuery cookie插件官方介绍。

  cookie插件不算大,代码+注释(占大部份)也才4K,所以我肯定毫不犹豫的推荐给大家,如果大家网站本来就需要加载jQuery,那是最好的啦!插件代码会在最下面的下载包提供大家下载。

  “写入cookie”是传值,“读取cookie”是输出,“删除cookie”是清空。

每句话我也在源码里面注释了,大家可以右键查看源代码。

  在这里我也简单的解释下:

写入一个名称为“blog”,值为“16sucai.com”的cookie:

$.cookie("blog", "16css.com");

写入一个名称为“blog”,值为“ons.me”的cookie,设置过期时间为10天:

$.cookie("blog", "16css.com", {expires: 10 });

写入一个名称为“blog”,值为“ons.me”的cookie,设置过期时间为10天,cookie的路径为/目录:

$.cookie("blog", "16css.com", {path: '/', expires: 10});

  这里感谢CSS9的教程,同时cookie的路径可以参考这里。插一句,虽然我是通过Google找到他们的,但是也要带上别人的链接,尊重他们版权是所有人的义务!

  OK,cookie插件是不是很简单呢?基本就只要设置最下面那种里面的四项就差不多了。

下面就开始利用cookie来保存选取的背景颜色、字体颜色和字体大小了。

  怎么看是否保存到cookie里面了呢?选取好后,刷新网页即可见效果。我已经测试了IE6/7/8、FF、chrome、opera、safari,全部正常,如果大家发现bug,请及时留言哦!

  在这里就不解释什么了,右键查看源代码,里面基本每句的意思我都写上注释了,如果还看不懂,那我就没辙了。建议大家如果选项较多,用switch,如果比较少,用if。我两种方法都写在里面了,大家灵活运用!

  cookie是个好东西,比如有的博客喜欢用“显示、关闭侧边栏”,加上cookie,就不用访客每次来都按了。还有的博客喜欢写几个CSS样式,加个cookie对用户体验也好嘛!反正大家灵活运用cookie咯!

  最后提醒一下,chrome不支持本地cookie保存,所以写cookie的时候,不要用chrome测试,我昨天花了大半个小时,就是绕在这里了...


具体效果请看演示,一流资源网推荐下载。

标签:
代码下载
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1JS动态五星评分插件代码

2淘宝商品jQuery列表多条件查询特效代码

3兼容所有浏览器的设为首页收藏本站js代码

4JS实现文字替换成图片或者其它内容

5js实现网页多个div定时轮流显示的代码

6IE6旧版浏览器提示升级代码模板下载

7SimplePager-非常简洁优秀的 jQuery 分页插件-同页面可重复使用

8后台登录jquery网页全屏背景图片自动切换代码

9百度404页面JS倒计时返回页面代码

10jQuery公司大事记、历程时间轴专用代码

最新更新的

1JS点击显示内容再点击隐藏

2JS点击加大/减小字号的代码

3jQuery点击展开与收缩查看更多效果代码

4JqueryPagination分页插件

5一款漂亮方便调用的jQuery前端分页

6JS返回上一页/返回上一页并刷新

7百度404页面JS倒计时返回页面代码

8JS赋值给指定元素的父级元素

9JS实现301跳转的JS代码

10JS拆分文本再组合