Jquery修改CSS样式
来源:互联网 发布:淘宝客服电话沟通技巧 编辑:程序博客网 时间:2024/06/10 01:00
Jquery功能确实强大,刚刚开发了一个Jquery控制CSS样式的DEMO,如下:
<!DOCTYPE html ><html><head><meta charset="UTF-8"><title>DivDemo</title><style type="text/css">.Frame{width:260px;border:solid 1px #666;font-size:10pt;text-align:center;}.title{background-color:red;padding:5px;}.Content{padding:5px;display:none;}.current{background-color:green;}</style><script type="text/javascript" src = "js/jquery-1.8.2.js"></script><!-- 引入Jquery文件库 --><script type="text/javascript">$().ready(function (){$(".title").click( //点击主题时的事件function (){$(this).addClass("current").next(".Content").css("display","block");//切换主题颜色,以及修改主题下面Content的样式});});</script></head><body><div class = "Frame"><div class = "title">主题</div><div class = "Content"><a href = "#">One</a><br><a href = "#">Two</a><br><a href = "#">Three</a></div></div></body></html>
- Jquery修改CSS样式
- jquery修改css样式
- 使用JQuery修改Yii中的CSS样式。
- jquery mobile修改原样式css
- jQuery实践1:实现修改css样式
- 【jQuery】jQuery修改class属性和CSS样式
- 使用jquery修改css中带有!important的样式属性
- jquery修改css中带有!important的样式属性
- 使用 jQuery 修改 css 中带有 !important 的样式属性
- 使用jquery修改css样式中带有'!important'的属性
- javascript 动态修改css样式方法+JQuery中操作Css样式的方法
- SharePoint Css样式修改
- 修改css样式
- css修改样式
- 前端css样式修改
- js修改css样式
- CSS 样式修改 积累
- js修改css样式
- CFRunLoop示例总结
- 【?】
- 改了几天,又回归到原来
- eclipse中tomcat内存溢出设置
- android语言设置
- Jquery修改CSS样式
- 内核博客
- shell大小中括号作用
- 安装SQL 2005 出现警告 32位ASP.NET已经注册,需要注册64位……解决方案
- C语言程序
- find_first_not_of
- 一起学Python 1.2 编写并运行一个真正的程序(转自人人网 公共主页 一起学python)
- VC6.0中创建动态控件
- 对堆栈的解析