【javascript】动态改变样式
来源:互联网 发布:淘宝手表带价格及图片 编辑:程序博客网 时间:2024/06/05 04:02
动态改变样式
数据封装 -> 确定事件源 -> 注册事件 -> 事件处理
<script type="text/javascript">function changeStyle(className){var divID = document.getElementById("newsId");divID.className = className;}</script><style type="text/css"> /*样式选择器*/.big{background-color: red;width:400px;}.normal{background-color: yellow;width:400px;}.small{background-color: blue;width:400px;}</style></head><body> <h2>hello,world...</h2> <a href = "javascript:void(0)" onclick="changeStyle('big')">大</a> <%-- javascript:void(0)取消链接效果,事件源 --%><a href = "javascript:void(0)" onclick="changeStyle('normal')">中</a><a href = "javascript:void(0)" onclick="changeStyle('small')">小</a><br/><div id="newsId">you can do it ...........</div></body>
- 【javascript】动态改变样式
- Javascript动态改变按钮样式
- 用javascript动态改变样式
- javascript动态改变div样式
- javascript动态改变style里的样式
- Javascript动态改变样式表性能测试。
- 使用javascript动态改变当前行的显示样式
- CSS动态改变样式
- 动态改变CSS样式
- 动态改变css样式
- Jquery动态改变样式
- stylus动态改变样式
- javascript改变样式
- javascript改变样式
- Javascript 改变CSS样式
- javaScript改变css样式
- JavaScript改变样式
- javascript改变元素样式
- linux下补丁(patch)的制作与应用
- Linux Eclipse配置C++多线程开发环境
- Centos 6.4下SystemTap安装
- opencv 直方图均衡化
- Smack:Packet属性
- 【javascript】动态改变样式
- Dom4j quick start guide
- WebApp前端常用属性总结
- android 组件更新内容之后的刷新小结
- oracle执行效率
- MICA2
- C语言指针
- Linux sed命令用法
- 删除 Windows Azure 网站上的标准服务器头