JS完成改变新闻字体大中小的显示
2014-04-19 16:46
447 查看
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> function changeStyle(style){ alert(style); var divNode = document.getElementById("newsid"); divNode.className = style; } </script> <style type="text/css"> .fontBig{ color: #0000CC; font-size:24px; font-family: serif; } .fontMedi{ color: #FF0000; font-size: 16px; font-family: sans-serif; } .fontSmall{ color: yellow; font-size: 4px; font-family: inherit; } </style> </head> <body> <H2>新闻标题</H2> <br/> <a href="javascript:void(0)" onclick="changeStyle('fontBig')">大字体</a> || <a href="javascript:void(0)" onclick="changeStyle('fontMedi')">中字体</a> || <a href="javascript:void(0)" onclick="changeStyle('fontSmall')">小字体</a> <br/> <div id="newsid" > 新闻新闻新闻新闻新闻<br/>新闻新闻新闻新闻新闻 </div> <input type="button" onclick="demo()" value="点点"> </body> </html>
相关文章推荐
- javascript 的参数有长度限制吗?一个细节引起的误区
- 4种解决json日期格式问题的办法
- javascript中escape(), encodeURI()和 encodeURIComponent()有什么异同
- javascript,ajax 中文乱码
- 【读书笔记】读《JavaScript设计模式》之装饰者模式
- javascript 巴西世界杯倒计时
- js四舍五入保留2位小数的位数。
- [Bzoj1012][JSOI2008]最大数maxnumber
- [MD5加密的javascript实现例子
- javascript --- 事件委托
- 如何在Sublime Text 2 上安装插件
- KnockoutJs官网教程学习(一)
- jsoncpp的入门学习
- ExtJS cross domain AJAX
- javascript--枚举算法实现
- javascript--枚举算法实现
- javaScript--快速排序实现(不用sort)
- JSP的安全应用问题
- 奇怪的JS正则表达式问题
- 使用jsonp跨域请求