js切换页面文字大小和背景颜色
来源:互联网 发布:js newdate 编辑:程序博客网 时间:2024/05/29 11:53
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="http://f3.v.veimg.cn//xz/answer/js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function () { function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; } function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + value + ";expires=" + exp.toGMTString(); } var cookie_color_name="bg_color"; var cookie_color_value=getCookie(cookie_color_name); console.log("颜色:"+cookie_color_value); if(cookie_color_value!=null) { $("#pText").css("background-color", cookie_color_value); } $("#btnRed").click(function () { $("#pText").css("background-color", "red"); setCookie(cookie_color_name,"red"); }); $("#btnYellow").click(function () { $("#pText").css("background-color", "yellow"); setCookie(cookie_color_name,"yellow"); }); var co_font="font_size"; var co_value_size=getCookie(co_font); console.log("字体:"+co_value_size); if(co_value_size!=null) { $("#pText").css("font-size",co_value_size); } $("#btnAdd").click(function () { $("#pText").css("font-size", "20px"); setCookie(co_font,"20px"); }); }); </script></head><body><div id="pText"><p>阿士大夫撒打发第三方</p><p>数量达会计法拉克水电费拉速度快放假萨洛克打飞机到拉萨房间卡士大夫吉林省大开发</p></div><input id="btnSub" type="button" value="字体变小"/><input id="btnAdd" type="button" value="字体变大"/><input id="btnRed" type="button" value="改变颜色-红色"/><input id="btnYellow" type="button" value="改变颜色-黄色"/></body></html>
0 0
- js切换页面文字大小和背景颜色
- WebView改变网页文字大小、颜色,背景颜色
- WebView改变网页文字大小、颜色,背景颜色
- QLabel设置文字大小和颜色
- QLabel设置文字大小和颜色
- QLabel设置文字大小和颜色
- QLabel设置文字大小和颜色
- iOS_UIWebView背景颜色、文字颜色、文字大小的改变
- 使用togglebutton切换背景颜色和字体颜色
- 关于页面的背景颜色和内容文字颜色问题
- VC++修改控件文字大小和颜色
- css控制文字大小字体和颜色
- html+css+js实现火影背景切换登录页面
- 设置webview 的字体大小,字体颜色和页面背景
- CAD转PDF怎么设置页面大小和背景颜色
- JQuery和JS实现奇偶行不同背景颜色
- 自动改变文字大小和颜色的javascript效果
- Android TextView 实现文字大小不同和文字颜色不同
- android获取屏幕宽高度的四种方法
- 考试篇(5.2) NSE4 题库 15. 高级IPsec ❀ 飞塔 (Fortinet) 网络安全专家
- 如何在MyEclipse10中配置Jad反编译工具?
- 5.3
- CSS常见布局解决方案
- js切换页面文字大小和背景颜色
- java中compareTo和compare方法之比较
- DialogFragment与Fragment之间互相传值
- JavaScript中原型的相关概念
- Js基础-Demo-动态控件生成
- 03-ARP表、路由控制表、MAC表?
- 【Python学习笔记】- 函数
- 集群tomcate
- 大规模并发带来的挑战